.study_top .study_type{
	width: 190px;
	height: 444px;
	padding: 10px;
	padding-right: 0;
	background-color: #c5bcae;
	position: relative;
}
.study_top .study_type .type_first{
	line-height: 60px;
	font-size: 0;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	text-align: center;
}
.study_top .study_type .type_first a{
	display: inline-block;
	padding: 0 10px;
	font-size: 14px;
	color: #cccccc;
	line-height: 60px;
	vertical-align: middle;
}
.study_top .study_type .type_first .main{
	color: #FFFFFF;
	font-size: 16px;
}
.study_top .study_type .type_box:hover .type_first{
	background-color: #FFFFFF;
}
.study_top .study_type .type_box:hover .type_first a{
	color: #999999;
}
.study_top .study_type .type_box:hover .type_first .main{
	color: #573b2d;
}
.study_top .study_type .type_second{
	width: 175px;
	padding: 30px;
	height: 404px;
	position: absolute;
	z-index: 3;
	top: 0;
	left: 200px;
	background-color: #FFFFFF;
	display: none;
}
.study_top .study_type .type_second a{
	display: block;
	font-size: 14px;
	color: #666666;
	padding-bottom: 20px;
}
.study_top .study_type .type_second .main{
	font-size: 16px;
	color: #573b2d;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	font-weight: bold;
}
.study_top .study_type .type_box:hover .type_second{
	display: block;
}
.study_top .banner_wrap{
	width: 1000px;
	height: 464px;
	overflow: hidden;
	position: relative;
}


/*课程列表*/
#studyWrap{
	padding-bottom: 50px;
}
.study_title{
	font-size: 24px;
	color: #573B2D;
	text-align: center;
	background: url(../image/study/stydy_title_bg.png) center no-repeat;
	line-height: 84px;
	margin-top: 40px;
	position: relative;
}

.study_title a{display: block;position: absolute;right: 0;line-height: 24px;top: 30px;font-size: 14px;color: #999;}

.list_study{
	margin-bottom: -20px;
}
.list_study .studyList{
	display: block;
	width: 286px;
	margin-right: 12px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
	border-radius: 4px;
}
.list_study .studyList:nth-child(4n){
	margin-right: 0;
}
.list_study .studyList:hover{
	box-shadow: 0 0 10px #BBBBBB;
}
.list_study .studyList .study_cover{
	width: 286px;
	height: 160px;
	overflow: hidden;
}
.list_study .studyList .study_cover img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all 300ms;
	-ms-transition: all 300ms;
	-moz-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms;
}
.list_study .studyList .study_cover:hover img{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.list_study .studyList .study_name{
	padding: 20px 20px 10px;
	color: #333333;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 16px;
}
.list_study .studyList .study_name:hover{
	color: #CA1A1D;
}
.list_study .studyList .study_info{
	text-align: left;
	color: #999999;
	padding: 0 20px 20px;
	font-size: 14px;
	line-height: 16px;
}
.list_study .studyList .study_info .score_box{
	display: inline-block;
	vertical-align: middle;
}
.list_study .studyList .study_info .score_box .icon{
	width: 16px;
	height: 16px;
	background: url(../image/study/score_icon.png) center no-repeat;
	background-size: auto 12px;
	margin-left: 5px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
}
.list_study .studyList .study_btInfo{
	padding: 0 20px 17px;
	font-size: 14px;
	color: #999;
	line-height: 20px;
}
.list_study .studyList .study_btInfo .btInfo_right{
	text-align: right;
}
.list_study .studyList .study_btInfo .btInfo_right .icon{
	width: 20px;
	height: 20px;
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
	margin-top: -2px;
}
.list_study .studyList .study_btInfo .collected .icon img{
	margin-top: -20px;
}
.list_study .studyList .study_btInfo .collected{
	color: #ffcb27;
}




/*课程产品中心*/
#studyDirect{
	position: relative;
	display: none;
}
#studyDirect:before{
	content: "";
	width: 830px;
	height: 1px;
	background-color: #e6e6e6;
	position: absolute;
	top: 0;
	left: 20px;
}

.lesson_wrap{
	background-color: #FFFFFF;
	margin-top: 10px;
}
.lesson_wrap .lesson_header{
	line-height: 56px;
	height: 56px;
	border-bottom: 1px solid #e6e6e6;
}
.lesson_wrap .lesson_header a{
	display: block;
	padding-left: 20px;
	font-size: 16px;
	color: #666666;
}
.lesson_wrap .lesson_header .on{
	color: #CA1A1D;
}
.lesson_wrap .lesson_box .lesson_list{
	padding: 20px 0;
	margin: 0 20px;
	border-bottom: 1px solid #e6e6e6;
}
.lesson_wrap .lesson_box .lesson_list:last-child{
	border-bottom: none;
}
.lesson_wrap .lesson_box .lesson_list .lesson_cover{
	width: 286px;
	height: 160px;
	border-radius: 4px;
	overflow: hidden;
	margin-right: 20px;
}
.lesson_wrap .lesson_box .lesson_list .lesson_cover img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all 300ms;
	-ms-transition: all 300ms;
	-moz-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms;
}
.lesson_wrap .lesson_box .lesson_list .lesson_cover:hover img{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.lesson_wrap .lesson_box .lesson_list .lesson_info{
	width: 524px;
	height: 160px;
	overflow: hidden;
	position: relative;
}
.lesson_wrap .lesson_box .lesson_list .lesson_info .tag_box{
	text-align: left;
	font-size: 0;
	padding-top: 12px;
}
.lesson_wrap .lesson_box .lesson_list .lesson_info .tag_box span{
	display: inline-block;
	height: 18px;
	line-height: 18px;
	border: 1px solid #856657;
	border-radius: 10px;
	padding: 0 9px;
	font-size: 12px;
	color: #856657;
	margin-right: 10px;
}
.lesson_wrap .lesson_box .lesson_list .lesson_info .lesson_name{
	font-size: 22px;
	color: #333333;
	line-height: 1.4;
	margin-bottom:10px;
}
.lesson_wrap .lesson_box .lesson_list .lesson_info .lesson_name:hover{
	color: #CA1A1D;
}
.lesson_wrap .lesson_box .lesson_list .lesson_info .study_info{
	font-size: 14px;
	color: #999;
	line-height: 20px;
}
.lesson_wrap .lesson_box .lesson_list .lesson_info .study_info .score_box{
	margin-left: 2px;
}
.lesson_wrap .lesson_box .lesson_list .lesson_info .study_info .score_box .icon{
	width: 20px;
	height: 20px;
	line-height: 20px;
	background: url(../image/study/score_icon.png) center no-repeat;
	background-size: auto 12px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
}
.lesson_wrap .lesson_box .lesson_list .lesson_info .study_oth{
	line-height: 20px;
	font-size: 14px;
	color: #999999;
	text-align: left;
	position: absolute;
	bottom: 15px;
}
.lesson_wrap .lesson_box .lesson_list .lesson_info .study_oth .read_num .icon,.lesson_wrap .lesson_box .lesson_list .lesson_info .study_oth .collect_num .icon{
	display: inline-block;
	width: 20px;
	height: 20px;
	overflow: hidden;
	vertical-align: middle;
	margin-top: -2px;
	margin-left: 4px;
}
.lesson_wrap .lesson_box .lesson_list .lesson_info .study_oth .on .icon img{
	margin-top: -20px;
}
.lesson_wrap .lesson_box .lesson_list .lesson_info .study_oth .on{
	color: #ffcb27;
}



/*列表右侧*/
.study_search{
	margin-bottom: 10px;
}
.study_search .tb_search{
	background-color: #FFFFFF;
	padding: 34px 0;
	text-align: center;
}
.study_search .tb_search .search_box{
	display: inline-block;
}
.study_search .tb_search .search_box .search_input{
	width: 184px;
	padding-left: 10px;
	height: 34px;
	background: url(../image/search_input.png) left center no-repeat;
	font-size: 14px;
}
.study_search .tb_search .search_box .search_btn{
	width: 80px;
	height: 34px;
	background:url(../image/search_btn.png) center no-repeat;
	color: #573b2d;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}

.update_lesson{
	background-color: #FFFFFF;
	margin-bottom: 10px;
	padding: 25px 0;
	text-align: center;
}
.update_lesson .txt{
	width: 100%;
	color: #333333;
	margin-bottom: 15px;
}
.update_lesson .update_lessonBtn{
	display: inline-block;
	width: 106px;
	height: 34px;
	background: url(../image/exchange/enter_receipt_btn.png) center no-repeat;
	background-size: auto 100%;
	line-height: 34px;
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
}

.lesson_smList{
	margin-top: 20px;
}
.lesson_smList .lesson_cover{
	width: 80px;
	height: 46px;
	margin-right: 10px;
	overflow: hidden;
	border-radius: 4px;
}
.lesson_smList .lesson_cover img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.lesson_smList .lesson_name{
	font-size: 12px;
	color: #573b2d;
	line-height: 1.6;
	width: 170px;
	cursor: pointer;
}
.lesson_smList .lesson_name:hover{
	color: #CA1A1D;
}











/*课程详情*/
.lessonDetail_wrap{
	background-color: #FFFFFF;
	margin-bottom: 10px;
	padding: 30px 20px;
}
.lessonDetail_wrap .ld_left{
	width: 600px;
	height: 338px;
	overflow: hidden;
	position: relative;
	margin-right: 20px;
}
.lessonDetail_wrap .ld_left img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.lessonDetail_wrap .ld_left .btn{
	width: 80px;
	height: 80px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -40px;
	margin-left: -40px;
	z-index: 2;
}

.lessonDetail_wrap .ld_right{
	width: 520px;
	overflow: hidden;
	height: 338px;
	position: relative;
}
.lessonDetail_wrap .ld_right .ld_mainInfo{
	width: 400px;
}
.lessonDetail_wrap .ld_right .ld_mainInfo .ld_name{
	line-height: 1.4;
	font-size: 22px;
	color: #333333;
	margin-bottom: 20px;
}
.lessonDetail_wrap .ld_right .ld_mainInfo .base_info{
	color: #999999;
}
.lessonDetail_wrap .ld_right .mainInfo_box .collect_btn{
	display: block;
	width: 86px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	border: 1px solid #573B2D;
	color: #573B2D;
	font-size: 14px;
	background: url(../image/exchange/collect_bg.png) center no-repeat;
	border-radius: 4px;
	opacity: 1;
}
.lessonDetail_wrap .ld_right .mainInfo_box .on{
	opacity: .5;
	color: #333;
}

.lessonDetail_wrap .ld_right .mainInfo_box .collect_btn .icon{
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url(../image/exchange/collect_icon.png) center no-repeat;
	background-size: auto 100%;
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 3px;
}
.lessonDetail_wrap .ld_right .totle_score{
	line-height: 44px;
	border: 1px solid #e6e6e6;
	padding: 0 15px;
	color: #333333;
	margin-top: 40px;
}
.lessonDetail_wrap .ld_right .downFile{
	color: #0a77c0;
	font-size: 14px;
	margin-top: 30px;
	text-decoration: underline;
	display: inline-block;
}
.lessonDetail_wrap .ld_right .totle_score .dot{
	color:#CA1A1D
}
.lessonDetail_wrap .ld_right .study_btn{
	display: block;
	width: 132px;
	height: 46px;
	background: url(../image/exchange/car_exchange_btn.png) center no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	line-height: 46px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.lessonDetail_wrap .ld_right .test_btn{
	display: block;
	width: 130px;
	height: 44px;
	border: 1px solid #573b2d;
	background: url(../image/follow_bg.png) center no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
	font-size: 16px;
	color: #573b2d;
	text-align: center;
	line-height: 46px;
	position: absolute;
	bottom: 0;
	left: 152px;
	border-radius: 4px;
}



.lesson_intro{
	background-color: #FFFFFF;
	line-height: 1.5;
	font-size: 15px;
	color: #333333;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: -20px;
	margin-right: -20px;
	margin-top: -10px;
	border-bottom: 1px solid #eee;
	margin-bottom: 30px;
}
.detail_title a{
	display: inline-block;
	margin-right: 25px;
	color: #666666;
}
.detail_title .on{
	color: #CA1A1D;
}
#lessonDetailWrap .lesson_detail{
	display: none;
}
#lessonDetailWrap .clk{
	display: block;
}

#lessonDetailWrap .chapter_wrap{
	background-color: #FFFFFF;
	padding: 30px 20px;
	/*min-height: 710px;*/
}

.chapter_wrap .chapter_list .chapter_name{
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 15px;
}
.chapter_wrap .chapter_list .chapter_box{
	line-height: 34px;
	padding: 10px 20px;
	background-color: #f7f7f7;
	margin: 15px 0;
	cursor: pointer;
}
.chapter_wrap .chapter_list .chapter_box:hover{
	background-color: #573b2d;
}
.chapter_wrap .chapter_list .chapter_box .chapter_title{
	text-align: left;
	font-size: 0;
	color: #333333;
}
.chapter_wrap .chapter_list .chapter_box:hover .chapter_title{
	color: #FFFFFF;
}
.chapter_wrap .chapter_list .chapter_box .chapter_title .icon{
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url(../image/study/chapter_icon.png) left top no-repeat;
	background-size: 100% auto;
	vertical-align: middle;
	margin-right: 6px;
}
.chapter_wrap .chapter_list .chapter_box .fileMod .icon{
	background-position-y: bottom;
}
.chapter_wrap .chapter_list .chapter_box .chapter_title .chapter_txt{
	display: inline-block;
	vertical-align: middle;
}
.chapter_wrap .chapter_list .chapter_box .chapter_title .time{
	display: inline-block;
	vertical-align: middle;
}
.chapter_wrap .chapter_list .chapter_box .chapter_title .time .dot{
	color: #CA1A1D;
}
.chapter_wrap .chapter_list .chapter_box:hover .chapter_title .time .dot{
	color: #FFFFFF;
}
.chapter_wrap .chapter_list .chapter_box .chapter_state{
	width: 106px;
	height: 34px;
	overflow: hidden;
}
.chapter_wrap .chapter_list .chapter_box .chapter_state li{
	display: none;
	font-size: 14px;
	position: relative;
}
.chapter_wrap .chapter_list .chapter_box .studied_state{
	display: none;
}
.chapter_wrap .chapter_list .chapter_box .chapter_state .dafault_state{
	width: 106px;
	height: 34px;
	background: url(../image/exchange/collect_bg.png) center no-repeat;
	background-size: 100% 100%;
	background-color: #FFFFFF;
	text-align: center;
	color: #573B2D;
	border-radius: 4px;
	z-index: 3;
}
.chapter_wrap .chapter_list .chapter_box .chapter_state .study_state{
	color: #CA1A1D;
	text-align: right;
	z-index: 2;
}

/*正在学习*/
.chapter_wrap .chapter_list .studied .chapter_state{
	display: none;
}
.chapter_wrap .chapter_list .studied .studied_state{
	display: block;
	font-size: 14px;
	color: #CA1A1D;
}
.chapter_wrap .chapter_list .studied:hover .studied_state{
	display: none;
}
.chapter_wrap .chapter_list .studied:hover .chapter_state{
	display: block;
}

.chapter_wrap .chapter_list .chapter_box .chapter_state .learned_state,.chapter_wrap .chapter_list .chapter_box .chapter_state .unlearned_state{
	text-align: right;
	z-index: 2;
}

/*最近学习*/
.chapter_wrap .chapter_list .learned .chapter_state .learned_state{
	display: block;
	color: #71afd8;
}

/*未学完*/
.chapter_wrap .chapter_list .unlearned .chapter_state .unlearned_state{
	display: block;
	color: #777;
}

.chapter_wrap .chapter_list .chapter_box .chapter_state .learned_state .icon{
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url(../image/study/learned_icon.png) center no-repeat;
	background-size: auto 14px;
	vertical-align: middle;
	margin-top: -1px;
	margin-left: 2px;
}
.chapter_wrap .chapter_list .chapter_box .chapter_state .unlearned_state .icon{
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url(../image/study/unlearned_sign.png) center no-repeat;
	background-size: auto 14px;
	vertical-align: middle;
	margin-top: -1px;
	margin-left: 2px;
}

.chapter_wrap .chapter_list .chapter_box:hover .chapter_state .dafault_state{
	display: block;
}


/*课程评论*/
.lesson_comment_wrap{
	background-color: #FFFFFF;
	padding: 0 30px;
	margin-bottom: 50px;
	/*min-height: 710px;*/
}
.lc_wrap{
	padding: 30px 0;
	border-bottom: 1px solid #e6e6e6;
}
.lc_wrap:last-child{
	border-bottom: none;
}
.lc_wrap .photo_box .photo{
	width: 40px;
	height: 40px;
	overflow: hidden;
	border-radius: 50%;
	margin-right: 10px;
}
.lc_wrap .photo_box .photo img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.lc_wrap .photo_box .info{
	line-height: 40px;
	color: #333333;
	font-size: 14px;
}
.lc_wrap .photo_box .info .txt{
	color: #999999;
	padding-left: 10px;
}
.lc_wrap .lc_txt{
	padding-left: 50px;
	font-size: 14px;
	color: #666666;
	margin-top: 15px;
	margin-bottom: 15px;
	line-height: 1.5;
}
.lc_wrap .lc_bottom{
	padding-left: 50px;
	font-size: 14px;
	line-height: 20px;
}
.lc_wrap .lc_bottom .oth{
	color: #999999;
}
.lc_wrap .lc_bottom .btn_box{
	text-align: right;
}
.lc_wrap .lc_bottom .btn_box a{
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
	color: #666;
}
.lc_wrap .lc_bottom .btn_box .btn_2 .icon{
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	overflow: hidden;
	margin-top: -4px;
	margin-right: 4px;
}
.lc_wrap .lc_bottom .btn_box .on .icon img{
	margin-top: -20px;
}













/*学习课程页面*/
#lessonHeader{
	background-color: #262626;
	padding: 9px 0;
	height: 62px;
	border-bottom: none;
	position: relative;
	background-image: none;
}
#lessonHeader .back_btn{
	font-size: 16px;
	display: block;
	padding-left: 32px;
	color: #fff;
	margin-right: 30px;
	height: 62px;
	line-height: 62px;
	background: url(../image/study/back.png) left center no-repeat;
	background-size: auto 20px;
}
#lessonHeader .menu-btn{
	height: 32px;
	line-height: 32px;
	margin-top: 15px;
	padding-left: 30px;
	background: url(../image/study/menu-icon.png) left center no-repeat;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
}
#lessonHeader .header_box{
	padding: 0 20px;
	position: relative;
}
#lessonHeader .header_box .personal_wrap .msn_box{
	background-image: url(../image/study/msn_icon.png);
}
#lessonHeader .header_box .personal_wrap .personal_box .personal_info{
	color: #c5bcae;
}
#lessonHeader .header_box .lessonName{
	line-height: 62px;
	width: 60%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 20%;
	font-size: 22px;
	color: #FFFFFF;
}


.video_box{
	width: 100%;
	background-color: black;
	position: relative;
	border-bottom: 1px solid #e6e6e6;
	overflow: hidden;
	position: relative;
	top: -10px;
	margin-bottom: -10px;
}
.video_box video,.video_box #video{
	display: block;
	width: 100%;
	height: 100%;
	background-color: black;
}

.video_box .open_btn{
	display: block;
	background-color: #262626;
	width: 32px;
	height: 68px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	position: absolute;
	top: 30px;
	right: 0;
}
.video_box .open_btn .icon{
	display: block;
	width: 12px;
	height: 10px;
	padding-top: 10px;
	margin:0 auto 6px;
}
.video_box .open_btn .txt{
	color: #999;
	text-align: center;
	line-height: 1.2;
}

/*目录*/
/*.menu_wrap{
	width: 350px;
	height: 100%;
	position: absolute;
	top: 0;
	left:-350px;
	z-index: 5;
	background-color: #333333;
}*/
.menu_wrap:after{
	content: "";
	width: 350px;
	height: 1px;
	background-color: #000000;
	position: absolute;
	top: 0;
	right: 0;
}
.menu_wrap .menu_header{
	background-color: #262626;
	height: 70px;
	padding: 20px 20px 0;
}
.menu_wrap .menu_header .title{
	color: #FFFFFF;
	font-size: 18px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 10px;
}
.menu_wrap .menu_header .teacher{
	color: #999999;
}
.menu_scroll{
	overflow-y: auto;
}
.menu_scroll::-webkit-scrollbar {/*滚动条整体样式*/
    width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.menu_scroll::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #4e4e4e;
}
.menu_scroll::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    background: #262626;
}
#showTeacher .menu_scroll .scrollbar{
	padding: 0 20px;
	display: none;
}
#showTeacher .menu_scroll .scrollbar.on{
	display: block;
}
.menu_wrap .menu_scroll .scrollbar .menu_title{
	font-size: 14px;
	line-height: 20px;
	margin: 20px 0;
	color: #FFFFFF;
	opacity: .8;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.menu_wrap .menu_scroll .scrollbar .menu_chapter{
	line-height: 20px;
	color: #838383;
	margin: 20px 0;
	cursor: pointer;
}
.menu_wrap .menu_scroll .scrollbar .menu_chapter .learning_state{
	display: none;
}
.menu_wrap .menu_scroll .scrollbar .learning_box{
	color: #F0F0F0;
}
.menu_wrap .menu_scroll .scrollbar .learning_box .menu_state,.menu_wrap .menu_scroll .scrollbar .learning_box .unlearned_state,.menu_wrap .menu_scroll .scrollbar .learning_box .learned_state{
	display: none;
}
.menu_wrap .menu_scroll .scrollbar .learning_box .learning_state{
	display: block;
}
.menu_wrap .menu_scroll .scrollbar .menu_chapter:hover{
	color: #FFFFFF;
}
.menu_wrap .menu_scroll .scrollbar .menu_chapter .icon{
	display: block;
	width: 20px;
	height: 20px;
	background: url(../image/study/play_button.png) center no-repeat;
}
.menu_wrap .menu_scroll .scrollbar .menu_chapter .txt{
	width: 200px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.menu_wrap .menu_scroll .scrollbar .menu_chapter .dm-right{
	width: 60px;
	height: 20px;
	overflow: hidden;
	font-size: 14px;
	text-align: right;
}
.menu_wrap .menu_scroll .scrollbar .menu_chapter .dm-right li{
	display: none;
}
.menu_wrap .menu_scroll .scrollbar .menu_chapter .menu_state .default{
	display: block;
}
.menu_wrap .menu_scroll .scrollbar .menu_chapter .learning_state .learning{
	display: block;
	color: #FFFFFF;
}
.menu_wrap .menu_scroll .scrollbar .menu_chapter .learned_state .learned{
	display: block;
	text-align: right;
}
.menu_wrap .menu_scroll .scrollbar .menu_chapter .unlearned_state .unlearned{
	display: block;
	text-align: right;
}
.menu_wrap .menu_scroll .scrollbar .menu_chapter .learned_state .learned img,.menu_wrap .menu_scroll .scrollbar .menu_chapter .unlearned_state .unlearned img{
	display: inline-block;
	vertical-align: middle;
	height: 14px;
}
.menu_wrap .stop_btn{
	width: 33px;
	height: 32px;
	position: absolute;
	top: 28px;
	left: -33px;
}


/*讲师信息*/
.video_box .teacher_mod{
	width: 350px;
	background-color: #262626;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.video_box .teacher_mod:before{
	content: "";
	width: 100%;
	height: 1px;
	background-color: #000000;
	position: absolute;
	top: 0;
	left: 0;
}
.video_box .teacher_mod .closeMod{
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;font-size: 30px;
	color: #939393;
	position: absolute;
	top: 6px;
	right: 10px;
}
.video_box .teacher_mod .scrollbar{
	padding-left: 30px;
	padding-right: 56px;
	overflow: hidden;
}
.video_box .teacher_mod .base_info{
	padding-top: 30px;
}
.video_box .teacher_mod .base_info .photo{
	width: 60px;
	height: 60px;
	overflow: hidden;
	border-radius: 50%;
	margin-right: 10px;
}
.video_box .teacher_mod .base_info .photo img{
	height: 100%;
	-webkit-object-fit: cover;
	-ms-object-fit: cover;
	-moz-object-fit: cover;
	-o-object-fit: cover;
	object-fit: cover;
	object-fit: cover;
}
.video_box .teacher_mod .base_info .ex{color: #fff;}
.video_box .teacher_mod .base_info .ex .name{font-size: 18px;padding-top: 6px;}
.video_box .teacher_mod .base_info .ex .part{font-size: 13px;opacity: .6;}
.video_box .teacher_mod .base_info .intro{font-size: 13px;line-height: 1.5;color: #999;margin-top: 10px;text-align: justify;}

.video_box .teacher_mod .lessonBox{padding-top: 40px;color: #fff;}
.video_box .teacher_mod .lessonBox .title{font-size: 16px;}
.video_box .teacher_mod .lessonBox .lesson_smList .lesson_name{color: #fff;opacity: .7;}

.video_box .smallMod{width: 30px;height: 100%;position: absolute;background:url(../image/study/open-icon.png) center no-repeat #262626;top: 0;right: 0;cursor: pointer;display: none}
.video_box .smallMod:after{
	content: "";
	width: 100%;
	height: 1px;
	background-color: #000000;
	position: absolute;
	top: 0;
	left: 0;
}


#myReply{
	display: none;
}

.my_comment_box{
	padding: 30px;
	border-bottom: 1px solid #e6e6e6;
	background-color: #FFFFFF;
}
.my_comment_box .cm_top{
	line-height: 20px;
	height: 20px;
	margin-bottom: 20px;
}
.my_comment_box .cm_top .t1{
	font-size: 16px;
}
.my_comment_box .cm_top .star_box{
	margin-left: 10px;
	text-align: left;
	font-size: 0;
}
.my_comment_box .cm_top .star_box a{
	display: inline-block;
	width: 20px;
	height: 20px;
	overflow: hidden;
	margin-top: -1px;
}
.my_comment_box .cm_top .star_box .on img{
	margin-top: -20px;
}
.my_comment_box .text{
	border: 1px solid #e6e6e6;
	padding:15px 18px;
	margin-bottom: 20px;
}
.my_comment_box .text textarea{
	display: block;
	width: 100%;
	height: 80px;
	font-size: 14px;
	line-height: 20px;
	resize: none;
}
.my_comment_box .btn{
	width: 98px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 14px;
	color: #FFFFFF;
	background: url(../image/exchange/car_exchange_btn.png) center no-repeat;
	background-size: 100% 100%;
}





/*讲师堂*/
#studyTeacher ul{background-color: #fff;float: left;width: 220px;overflow: hidden;margin-left: 20px;cursor: pointer;}
#studyTeacher ul:hover{box-shadow: 0 2px 8px #ccc;margin-top: -10px;}
#studyTeacher ul:first-child{margin-left: 0;}
#studyTeacher ul .photo{width: 220px;height: 180px;}
#studyTeacher ul .name{text-align: center;color: #b79558;font-size: 18px;padding-top: 20px;padding-bottom: 5px;}
#studyTeacher ul .part{text-align: center;font-size: 12px;color: #888;}
#studyTeacher ul .intro{text-align: center;font-size: 13px;line-height: 20px;height: 40px;overflow: hidden;width: 60%;margin:10px auto 24px;color: #555;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.search_teacher{margin-top: 10px;margin-bottom: -40px;}
.search_teacher .search_input{height: 34px;background: url(../image/search_input.png) left center no-repeat;width: 140px;padding: 0 15px;overflow: hidden;line-height: 1.2;}
.search_teacher .search_btn{height: 34px;width: 80px;line-height: 1.2;color: #755f54;background: url(../image/search_btn.png) center no-repeat;cursor: pointer;}

#searchTeacher{position: absolute;right: 40px;top: 0;}


/*全部讲师列表*/
#allTeacher{background-color: #fff;width: 1180px;margin:15px auto 15px;min-height: 630px;}
#allTeacher .single{padding: 30px;border-bottom: 1px solid #ddd;}
#allTeacher .single .photo{width: 80px;height: 80px;overflow: hidden;border-radius: 50%;margin-right: 20px;}
#allTeacher .single .photo img{height: 100%;-webkit-object-fit: cover;-ms-object-fit: cover;-moz-object-fit: cover;-o-object-fit: cover;object-fit: cover;}
#allTeacher .single .info{width: 260px;overflow: hidden;}
#allTeacher .single .info .name{font-size: 16px;font-weight: bold;color: #333;}
#allTeacher .single .info .part{color: #999;margin: 5px 0;}
#allTeacher .single .info .oth{color: #555;margin-bottom: 5px;}
#allTeacher .single .info .intro{font-size: 13px;color: #666;line-height: 20px;max-height: 40px;overflow: hidden;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;/*（行数）*/
    -webkit-box-orient: vertical;
}
#allTeacher .single .info .follow-btn{width: 86px;overflow: hidden;margin-top: 15px;}
#allTeacher .single .info .link{cursor: pointer;}
#allTeacher .single .lesson-list .list{width: 200px;margin-right: 10px;border: 1px solid #eee;cursor: pointer;}
#allTeacher .single .lesson-list .list:hover{margin-top: -10px;border-color: #5B2002;}
#allTeacher .single .lesson-list .list .cover{height: 113px;overflow: hidden;}
#allTeacher .single .lesson-list .list .lessonName{font-size: 13px;color: #555;line-height: 40px;padding: 0 20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#allTeacher .single .lesson-list .more{display: block;height: 8px;width: 10px;margin-top: 62px;padding-left: 15px;}
#allTeacher .lesson-list{width: 661px;}

.cover img{height: 100%;-webkit-object-fit: cover;-ms-object-fit: cover;-moz-object-fit: cover;-o-object-fit: cover;object-fit: cover;}

/*讲师详情*/
#teacherDetail .base-wrap{height: 540px;width: 100%;background: url(../image/study/bg.jpg) center no-repeat #604938;background-size: cover;}
#teacherDetail .base-wrap .photo{width: 540px;height: 540px;overflow: hidden;}
#teacherDetail .base-wrap .info{width: 570px;margin-right: 55px;padding-top: 150px;}
#teacherDetail .base-wrap .info .name-t{color: #e2c47e;line-height: 50px;height: 50px;overflow: hidden;}
#teacherDetail .base-wrap .info .name-t .name{font-size: 40px;font-weight: bold;}
#teacherDetail .base-wrap .info .name-t .tag{font-size:16px;height: 28px;line-height: 28px;border:1px solid #e2c47e;padding: 0 12px;margin-left: 15px;margin-top: 10px;}
#teacherDetail .base-wrap .info .part{color: #e2c47e;font-size: 18px;padding-bottom: 16px;}
#teacherDetail .base-wrap .info .oth{color: #fff;font-size: 20px;line-height: 1.4;}
#teacherDetail .base-wrap .info .intro{color: #fff;font-size: 14px;line-height: 1.6;margin-top: 10px;text-align: justify;}

#teacherDetail .diyMod{position: relative;overflow: hidden;}
#teacherDetail .diyMod img{width: 1920px;min-width:1920px;position: relative;left: 50%;margin-left: -960px;}

#teacherDetail .lesson_menu{background-color: #f7f7f7;padding-bottom: 100px;}
#teacherDetail .lesson_menu .teacher_title{text-align: center;font-size: 40px;color: #333;padding-top: 54px;padding-bottom: 36px;}

#teacherDetail .lesson_menu .more-btn{width: 120px;height: 40px;display: block;margin: auto;line-height: 40px;text-align: center;font-size: 14px;color: #573b2d;background: url(../image/dialog/cancel_dialog.png) center no-repeat;background-size: 100% 100%;margin-top: 40px;}

#teacherDetail .stuMod{background-color: #938682;padding-bottom: 80px;}
#teacherDetail .stuMod .teacher_title{text-align: center;font-size: 40px;color: #fff;padding-top: 54px;padding-bottom: 36px;}
#teacherDetail .stuMod .stuBox{text-align: center;font-size: 0;}
#teacherDetail .stuMod .stuBox .box{display: inline-block;vertical-align: middle;background-color: #fff;width: 260px;margin: 0 10px;overflow: hidden;padding: 30px 0 30px;}
#teacherDetail .stuMod .stuBox .box .photo{width: 100px;height: 100px;border-radius: 50%;overflow: hidden;margin: auto;}
#teacherDetail .stuMod .stuBox .box .photo img{height: 100%;-webkit-object-fit: cover;-ms-object-fit: cover;-moz-object-fit: cover;-o-object-fit: cover;object-fit: cover;}
#teacherDetail .stuMod .stuBox .box .name{font-size: 16px;padding:12px 10px 11px;color: #333;}
#teacherDetail .stuMod .stuBox .box .say{font-size: 14px;width: 220px;margin: auto;line-height: 24px;height: 120px;color: #555;text-align: justify;overflow: hidden;}




/*试题考试*/
.test-wrap{margin-top: -10px;padding-top: 56px;padding-bottom: 50px;}
.test-wrap .test-box{width: 1002px;margin: auto;overflow: hidden;background: url(../image/study/test-top.jpg) center top no-repeat,url(../image/study/test-bot.jpg) center bottom no-repeat,url(../image/study/test-rep.jpg) center 793px repeat-y}
.test-wrap .test-box .test-top{width: 862px;padding: 0 70px;overflow: hidden;}
.test-wrap .test-box .test-top .title{text-align: center;margin-top: 50px;font-size: 24px;font-weight: bold;margin-bottom: 20px;}
.test-wrap .test-box .test-top .ruler-box{background-color: #e6d7ba;padding: 10px;border-top: 1px solid #ca1a1d;font-size: 14px;line-height: 20px;}
.test-wrap .test-box .test-top .ruler-box .icon{width: 20px;height: 20px;overflow: hidden;margin-right: 10px;background: url(../image/study/fail_icon.png) center no-repeat;background-size: 100%;}
.test-wrap .test-box .test-top .ruler-box .txt{text-align: justify;width: 812px;color: #333;}
.test-wrap .test-box .test-top .ruler-box .txt span{font-weight: bold;}
.test-wrap .test-center{margin: 0 70px;}
.test-wrap .test-center .list{margin: 40px 0;}
.test-wrap .test-center .list .img-box{margin-bottom: 15px;}
.test-wrap .test-center .list .bt{font-size: 16px;font-weight: bold;margin-bottom: 15px;margin-left: 10px;}
.test-wrap .test-center .list .sel-wrap{margin-left: 10px;}
.test-wrap .test-center .list .sel-wrap .sel{line-height: 24px;height: 24px;padding: 5px 0;position: relative;}

.test-wrap .test-center .list .sel-wrap .sel input{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}


.test-wrap .test-center .list .sel-wrap .sel .opt{width: 24px;height: 24px;border-radius: 50%;cursor: pointer;margin-right: 10px;position: relative;}
.test-wrap .test-center .list .sel-wrap .sel .opt span{display: block;width: 22px;line-height: 22px;text-align: center;border-radius: 50%;border: 1px solid #ccc;color: #555;font-size: 14px;}
.test-wrap .test-center .list .sel-wrap .sel .opt img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: none;}

.test-wrap .test-center .list .sel-wrap .sel input:checked + .opt img{display: block;}
/*.test-wrap .test-center .list .sel-wrap  .opt img{display: block;}*/

.test-wrap .test-center .list .sel-wrap .sel .cot{font-size: 14px;color:#555;cursor: pointer;}
.test-wrap .test-center .list .end{line-height: 20px;background-color: #feeacc;padding: 12px 10px;font-size: 14px;margin-top: 5px;}
.test-wrap .test-center .list .end .seled-txt{display:inline-block;margin-right: 30px;padding-right: 30px;height: 20px;overflow: hidden;background: url(../image/study/judge-icon.png) right top no-repeat;vertical-align: middle;}
.test-wrap .test-center .list .error .seled-txt{background-position-y: bottom;}
.test-wrap .submit{width: 132px;height: 46px;margin:60px auto;line-height: 46px;text-align: center;background: url(../image/dialog/enter_dialog.png) center no-repeat;background-size: 100%;cursor: pointer;color: #fff;}

.success-bg{height: 450px;position: fixed;top: 50%;margin-top: -225px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);z-index: 11;display: none;}
.success-bg .close-btn{width: 30px;height: 30px;position: absolute;display: block;background: url(../image/dialog/close_btn.png) center no-repeat;top:40px;right: 45px;z-index: 12;display: none;}
.success-bg .l-bg{width: 58px;height: 450px;background: url(../image/dialog/page-left.png) right center no-repeat;margin-right: -1px;}
.success-bg .r-bg{width: 58px;height: 450px;background: url(../image/dialog/page-right.png) left center no-repeat;margin-left: -1px;}
.success-bg .c-bg{width: 0px;height: 450px;overflow: hidden;transform: translateZ(0);}/*544*/

.success-bg .c-bg .success-box{width: 544px;height: 450px;overflow: hidden;background: url(../image/dialog/page-center.png) center no-repeat;background-size: 100% 100%;}

.success-bg .c-bg .score-wrap{display: none;}
.success-bg .c-bg .score-t{overflow: hidden;padding-top: 90px;}
.success-bg .c-bg .score-t .score-val{font-size: 180px;color: #ca1a1d;line-height: 100px;padding-bottom: 50px;background: url(../image/dialog/score_bt.png) center bottom no-repeat;width: 260px;font-family: score;text-align: center;}
.success-bg .c-bg .score-t .detail{width: 284px;overflow: hidden;}
.success-bg .c-bg .score-t .detail .txt{position: relative;padding-left: 22px;line-height: 14px;margin: 10px 0;margin-left: 5px;}
.success-bg .c-bg .score-t .detail .txt:before{content:'';width: 12px;height: 12px;border-radius: 50%;position: absolute;left: 0;top: 1px;}
.success-bg .c-bg .score-t .detail .time:before{background-color: #b3b3b3;}
.success-bg .c-bg .score-t .detail .correct:before{background-color: #aec5b7;}
.success-bg .c-bg .score-t .detail .txt2{margin-left: 5px;margin-top: 15px;}
.success-bg .c-bg .score-t .detail .error:before{background-color: #f4abad;}
.success-bg .c-bg .score-t .detail .res{font-size: 20px;color: #333;padding-top: 15px;}
.success-bg .c-bg .score-t .detail .res span{font-size: 24px;color: #CA1A1D;}
.success-bg .c-bg .score-c{padding-top: 40px;background: url(../image/dialog/top_line.png) center top no-repeat;font-size: 16px;color: #573b2d;text-align: center;margin-top: 15px;padding-bottom: 12px;}
.success-bg .c-bg .score-b dl{width: 108px;height: 69px;text-align: center;font-size: 12px;background: url(../image/dialog/single-score.png) center no-repeat;background-size: 100% 100%;}
.success-bg .c-bg .score-b dl dt{color: #b29f92;padding-top: 17px;padding-bottom: 5px;}
.success-bg .c-bg .score-b dl dd{color: #555;font-size: 14px;}














#detailTab{border-bottom: 1px solid #555;margin-left: 20px;line-height: 50px;height: 50px;}
#detailTab a{display: block;float: left;color: #6a7484;font-size: 15px;font-weight: bold;margin-right: 20px;position: relative;height: 50px;}
#detailTab .clk{color: #C0A16B;;}
#detailTab .clk:after{content: '';width: 100%;height: 2px;position: absolute;bottom: 0;left: 0;background-color: #C0A16B;}