body {
	width: 100%;
	height: 100%;
	/*border: 1px solid red;*/
	min-height: 300px;
	overflow-x: hidden;
	background-color: #000;
}

.play_container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	height: 100%;
}

.play_wrapper {
	/*width: 100%;*/
	position: relative;
	/*	margin-right: 384px;*/
	height: 100%;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

.play_header {
	display: inline-block;
	width: 100%;
	height: 60px;
	background-color: #404040;
	text-align: left;
	color: #aaa;
}

.play_title {
	height: 60px;
	float: left;
	width: 60%;
}

.play_title h2 {
	display: inline-block;
	font-weight: normal;
	font-size: 24px;
	color: #fdad42;
	height: 60px;
	line-height: 60px;
	margin-right: 40px;
	margin-left: 20px;
		overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	    max-width: 90%;
}
.play_header .play_header_Set {
	float: right;
	height: 60px;
	line-height: 60px;
	margin-right: 20px;
	min-width: 356px;
	max-width: 30%;
	z-index: 2;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: end;
}
.play_header .play_header_Set label{
	cursor: pointer;
	margin-left:15px;
}
.play_header .play_header_Set input{
	vertical-align: -2px; margin-right: 5px;
}
.play_title span,
.play_title strong {
	display: inline-block;
	font-size: 14px;
	color: #fdad42;
	height: 60px;
	line-height: 60px;
	font-weight: normal;
	margin-right: 40px;
	vertical-align: top;
}

.video_title {
	position: absolute;
	top: 60px;
	left: 0;
	background-color: rgba(23, 23, 23, .75);
	height: 40px;
	z-index: 10;
	width: 100%;
	display: inline-block;
}

.video_title p {
	display: inline-block;
	font-size: 14px;
	color: #999999;
	font-weight: normal;
	height: 40px;
	line-height: 40px;
	margin-left: 20px;
}

.video_title span {
	display: inline-block;
	font-size: 14px;
	color: #ffffff;
	font-weight: normal;
	height: 40px;
	line-height: 40px;
}

.play_video {
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	display: inline-block;
}


/*右侧*/

.right_nav {
	/*border: 1px solid green;*/
	display: inline-block;
	width: 384px;
	position: absolute;
	top: 0px;
	right: -384px;
	z-index: 100;
	bottom: 0;
	background-color: #1f1f1f;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

.ml dt a {
	background-color: transparent;
}

.ml dd .iconfont {
	display: inline-block;
	vertical-align: middle;
}

.ml dd ul>li>a {
	position: relative;
	padding-left: 20px !important
}

.nav_tab {
	background-color: #404040;
	font-size: 0;
}

.nav_tab .tab-menu {
	display: inline-block;
	width: 332px;
	overflow: hidden;
	position: relative;
	height: 58px;
	vertical-align: top;
}

.nav_tab .tab-menu .menu1 {
	position: absolute;
	top: 0;
	left: 0;
}

.nav_tab ul {
	font-size: 0;
}

.nav_tab li {
	display: inline-block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.nav_tab .prev,
.nav_tab .next {
	text-align: center;
	font-size: 14px;
	width: 26px;
	height: 59px;
	line-height: 60px;
	color: #676767;
	display: inline-block;
	background-color: #000;
}

.nav_tab .prev:hover,
.nav_tab .next:hover {
	color: #fdad42;
	cursor: pointer;
}

.nav_tab li a {
	display: inline-block;
	font-size: 14px;
	color: #999999;
	padding: 16px 0;
	width: 83px;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.tab_active {
	color: #fdad42 !important;
	border-bottom: 2px solid #fdad42;
	background-color: #1f1f1f;
}

.tab_content {
	background-color: #1f1f1f;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow-y: auto;
}

.tab_content dl {}

.tab_content dt {
	background-color: #1a1a1a;
	padding: 2px 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-top: 5px;
}

.ml dd a {
	position: relative;
	padding-left: 15px;
}

.tab_content dd {
	padding: 2px 2px 2px 25px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #262626;
}

.tab_content dt a,
.tab_content dd a {
	display: inline-block;
	width: 340px;
	font-size: 14px;
	color: #808080;
}

.tab_content dd> a> .tit {
	display: inline-block;
	width: 183px;
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.tab_content dd> a> time {
	font-size: 11px;
}

.tab_content dd ul>li>a {
	display: inline-block;
	width: 317px;
	font-size: 11px;
	padding-left: 10px;
	vertical-align: top;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-left: 20px;
}

.tab_content dd ul>li>a> .tit {
	display: inline-block;
	width: 160px;
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.ml {
	margin-top: 8px !important;
}


/*.ml dd{
	margin-left: 30px !important;
}*/

.dd_active {
	color: #fdad42 !important;
}

.tab_content dd a:hover {
	color: #fdad42 !important;
}

.tab-info {
	margin-top: 40px;
}

.tab-info a {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: block;
	font-size: 14px;
	color: #808080;
	background-color: #262626;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.kcdx a:hover,
.ltxt a:hover,
.jxsj a:hover {
	color: #fdad42 !important;
}

.column {
	position: absolute;
	top: 50%;
	width: 36px;
	right: 384px;
}

.column_btn {
	height: 50px;
	text-align: center;
	background-color: #999;
	/* line-height: 50px; */
	cursor: pointer;
	
	-moz-border-radius: 20px 0 0 20px;
-webkit-border-radius: 20px 0 0 20px; 
border-radius: 20px 0 0 20px;
margin: 0 0 20px;

}
.column_btn .column_btnTxt{
	padding: 3px 0 0 8px;
	width: 25px;
	margin: 0 auto;
	color: #333;
	font-size: 16px;
	line-height: 21px;
}
.column_btn:hover {
	background-color: #2bc17a;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}
.column_btn:hover .column_btnTxt{
	color: #fff;
}
.column_btn_g {
	background-color: #2bc17a;
}
.column_btn_g .column_btnTxt{
	color: #fff;
}
.column_btn .iconfont{
	font-size: 22px;
	padding: 8px 0 0 8px;
    display: block;
}
.column_btn:hover .iconfont{
	color: #fff;
	font-size: 22px;
	padding: 8px 0 0 5px;
    display: block;
}
.play_wrapper_g {
	margin-right: 384px !important;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

.play_wrapper_g~ .right_nav {
	right: 0 !important;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

.nano {
	width: 379px;
}

.nano> .nano-content {
	padding-left: 10px;
	padding-right: 10px;
}

.nano> .nano-pane {
	background: #444;
	width: 10px;
	left: 0;
}

.nano> .nano-pane> .nano-slider {
	background: #262626;
}

.column-video {
	height: 100%;
}

.flowplayer {
	height: 100%;
}


/*状态*/

.icon_1 {
	background: #666 none repeat scroll 0 0;
	border-radius: 50%;
	display: block;
	width: 10px;
	height: 10px;
	float: left;
	position: absolute;
	left: 0px;
	top: 13px;
}

.icon_3 {
	background: #f60 none repeat scroll 0 0;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	float: left;
	position: absolute;
	left: 0px;
	top: 13px;
}

.icon_2 {
	background: #35b558 none repeat scroll 0 0;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	float: left;
	position: absolute;
	left: 0px;
	top: 13px;
}

.icon_4 {
	float: left;
	width: 10px;
	height: 10px;
	background-color: #666;
	border-radius: 50%;
	position: absolute;
	left: 0px;
	top: 13px;
}

.icon_4:before {
	content: '';
	display: block;
	margin-left: 50%;
	height: 100%;
	border-radius: 0 100% 100% 0 / 50%;
	background-color: inherit;
	transform-origin: left;
	transform: rotate(.25turn);
	background-color: #35b558;
}

.icon_course_res2:before {
	font-size: 14px;
}



.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}


.operNotePanel .addNotePanel .addNoteCol{
	padding: 20px;
	border-bottom: 1px solid #3f3f3f;
	background-color: #292929;
}
.addNotePanel .addNoteCol .showAddzNoteBtn{
	display: block;
	height: 37px;
	background-color: #333333;
	text-align: center;
	-moz-border-radius: 15px;
-webkit-border-radius: 15px; 
border-radius: 15px;
font-size: 16px;
color: #2bc17a;
padding: 3px 0 0;

}
.addNotePanel .addNoteCol .showAddzNoteBtn .iconfont{
	font-size: 23px;
	vertical-align: middle;
}
.addNotePanel .addNoteFrom{
	background-color: #292929;
	padding: 20px;
	border-bottom: 1px solid #3f3f3f;
}

.addNoteFrom .addTime{
	color: #999;
	margin: 0 0 5px;
}
.addNoteFrom .addTime .iconfont{
	font-size: 16px;
}
.addNoteTextaCol .addNoteTexta{
	width: 300px;
	height: 80px;
	background-color: #181818;
	-moz-border-radius: 4px;
-webkit-border-radius: 4px; 
border-radius: 4px;
border: 1px solid #181818;
color: #999;
padding: 10px;
margin: 0 0 10px;
}
.addNoteTextaCol .addNoteTexta:focus{
	outline: 0 none;
	
}
.addNoteFrom .addNoteSubmit{
	text-align: right;
}
.addNoteFrom .addNoteSubmit a{
	display: inline-block;
	width: 74px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #999;
	background-color: #181818;
	-moz-border-radius: 15px;
-webkit-border-radius: 15px; 
border-radius: 15px;
margin: 0 0 0 10px;
}
.addNoteFrom .addNoteSubmit a.submitBtn{
	color: #2bc17a;
}
.operNotePanel .noteConList .noteConItem{
	padding: 20px;
	color: #999;
	border-bottom: 1px solid #3f3f3f;
}
.noteConList .noteConItem .playtime{
	margin: 0 0 10px;
}
.noteConItem_top .playtime{
	float: left;
	
}
.noteConItem_top .noteDel{
	float: right;
	margin: 5px 0 0;
}
.noteConItem .playtime .iconfont {
    font-size: 16px;
}
.noteConItem  .noteTxt{
	margin: 0 0 15px;
}

/* 播放页弹出框 */
.newLayer-class .applyLayer-header {
	font-size: 20px;
	font-weight: bold;
	color: #222;
	padding: 7px 22px;
}

.newLayer-class .newlayer_content {
	margin: 0 24px;
	border-top: 1px solid #EEEEEE;
	/* padding: 14px 0 0; */
}

.newLayer-class .newlayer_conScroll {
	min-height: 255px;
	overflow-y: auto;
	max-height: 515px;
}

.newlayer_conScrollIn .newlayer_quItem {
	padding: 14px 0 14px 0;
	border-bottom: 1px solid #EEEEEE;
}

.newlayer_quItem .newlayer_quItemFace {
	font-size: 14px;
	color: #222;
	line-height: 22px;
	margin: 0 0 14px 0;
}

.newlayer_quItemCon .newlayer_quItemConPanel .quItem-row {
	display: block;
	color: ##222222;
	margin: 0 0 14px 0;
}

.newlayer_quItemConPanel .quItem-row .quItem-rowTxt {
	margin: 0 0 0 12px;
	cursor: pointer;
	vertical-align: -2px;
}

.newlayer_quAnswer {
	padding: 14px 0 24px 0;
	color: #222222;
	border-bottom: 1px solid #EEEEEE;
	margin: 0 0 14px 0;
}

	.newlayer_quAnswer .newlayer_quAnswer-top {
		padding: 0 0 14px 0;
	}

.newlayer_quAnswer-top .newlayer_quAnswer-topCol {
	margin: 0 14px 0 0;
}

.pdIcon {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	line-height: 12px;
	display: inline-block;
	margin: 0 5px 0 0;
}

	.pdIcon.pdIcon-correct {
		background-color: #44af11;
	}

	.pdIcon.pdIcon-error {
		background-color: #d62f2f;
	}

.newlayer_quAnswer .newlayer_quAnswer-parsing {
	border-radius: 8px;
	border: 1px dashed #ccc;
	padding: 14px;
	background: #F5F6F7;
}

.newlayer_quAnswer-parsing .newlayer_parsingAn {
	margin: 0 0 14px 0;
	line-height: 20px;
}

.newlayer_content-fixed {
	position: relative;
}

.newlayer_confixed-footer {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	padding: 14px;
	/* border-top: 1px solid red; */
	background-color: #fff;
	border-radius: 8px !important;
}

.newlayer-btn {
	width: 140px;
	height: 40px;
	border-radius: 6px;
	line-height: 40px;
	text-align: center;
	display: inline-block;
}

	.newlayer-btn.newlayer-btn-default {
		background: #159BD5;
		color: #fff;
	}

	.newlayer-btn.newlayer-btn-disable {
		background: #ccc;
		color: #fff;
		cursor: default;
	}

.newLayer-class {
	position: relative;
	border-radius: 8px !important;
}
@media (max-width: 1284px) {
	.play_title{
		width:100%;
	}
		.play_title h2 {
			width: 100%;
		}
}