.jy_content {
	padding-top: 20px;
	width: 1200px;
	margin: 0 auto;
	min-height: 688px;
	background-color: #FFFFFF;
}
body{
	background: #FFFFFF;
}

.primary {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.primary div {
	width: 4px;
	height: 12px;
	background-color: #DFDFDF;
	margin-left: 2px;
}
.course_class .courseClass_icon .icon_left div {
	width: 6px;
	height: 6px;
	background-color: #999999;
}

/*视频部分*/

.videos {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.videos .video_title {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	padding-bottom: 20px;
}

.videos .video_title>span {
	font-size: 25px;
	color: #333;
}

.videos .video_title>div {
	margin-left: 20px;
	margin-bottom: 5px;
}

.videos .video_content {
	display: flex;
	flex-direction: row;
	width: 100%;
}

/*视频播放*/

.videos .video_content .video_play {
	width: 900px;
}


/*视频目录*/

.videos .video_content .video_directory {
	color: #666;
	overflow-y: scroll;
	overflow-x: hidden;
	width: 317px;
	height: 386.25px;
	display: flex;
	flex-direction: column;
	padding: 20px 0;
}

.videos .video_content .video_directory .directory_title {
	padding-left: 20px;
	font-size: 14px;
}

.videos .video_content .video_directory .directory_content {
	/*margin-top: 20px;*/
}

.videos .video_content .video_directory .directory_content .directory_content_title {
	height: 25px;
	cursor: pointer;
	padding: 0 20px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.videos .video_content .video_directory .directory_content .directory_content_title:hover {
	color: #00a0e9;
}

.videos .video_content .video_directory .directory_content .directory_content_title .directory_control {
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 16px;
	display: flex;
	flex-direction: row;
	align-items: center;
}



.videos .video_content .video_directory .directory_content .directory_content_title .directory_control span {
	font-size: 14px;
	margin-left: 5px;
}

.videos .video_content .video_directory .directory_content .directory_content_title .directory_control_time {
	font-size: 14px;
}

.videos .video_content .video_directory .directory_content .directory_content_bottom {
	display: none;
}

.videos .video_content .video_directory .directory_content .directory_content_bottom ol li {
	cursor: pointer;
	margin-top: 20px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 290px;
	height: 25px;
	padding: 0 10px 0 40px;
}
.videos .video_content .video_directory .directory_content .directory_content_bottom ol li.active{
	color: #00a0e9;
}

.videos .video_content .video_directory .directory_content .directory_content_bottom ol li:hover {
	color: #00a0e9;
}



/*视频购买*/

.video_free,
.video_buy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 50px;
	    background-image: -moz-linear-gradient( 0deg, rgb(0,160,233) 0%, rgb(2,225,254) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(0,160,233) 0%, rgb(2,225,254) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(0,160,233) 0%, rgb(2,225,254) 100%);
}

.video_free .free_pay{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	color: #FFFFFF;
	font-size: 20px;
	text-decoration:line-through;
}

.video_buy .free_pay .discount {
	font-size: 20px;
	color: #FFFFFF;
}

.video_free .addLearn_buy,
.video_buy .addLearn_buy {
	cursor: pointer;
	display: block;
	width: 130px;
	height: 36px;
	background-color: #FFFFFF;
	color: #00a0e9;
	font-size: 16px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 12px;
	border-radius: 24px;
	margin-bottom: 10px;
}

.video_buy .free_pay .price {
	font-size: 14px;
	text-decoration: line-through;
	margin-left: 8px;
}


/*tab标签栏*/

.tab_container {
	width: 100%;
}

.tab_container .nav_container {
	width: 100%;
	height: 61px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #E3E3E3;
	z-index: 500;
}

#tab_box {
	display: flex;
	flex-direction: row;
}

#tab_box li {
	cursor: pointer;
	font-size: 16px;
	color: #646464;
	display: flex;
	align-items: center;
	padding: 0 5px;
	margin-left: 35px;
	height: 56px;
}

#tab_box li:first-child {
	margin-left: 0;
}

#tab_box li.active1 {
	color:#00a0e9;
	height: 60px;
	border-bottom: 4px solid#00a0e9;
}

.fixed {
	width: 1200px !important;
	position: fixed;
	top: 0;
	background-color: white;
}

.tab_container .nav_container .collection_share {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-left: 164px;
}

.tab_container .nav_container .collection {
	cursor: pointer;
	background-repeat: no-repeat;
	padding-left: 24px;
	font-size: 14px;
	color: #999999;
}
.flash{
	animation: toBlue 0.5s 1;
	-moz-animation: toBlue 0.5s 1;
	/* Firefox */
	-webkit-animation: toBlue 0.5s 1;
	/* Safari and Chrome */
	-o-animation: toBlue 0.5s 1;
	/* Opera */
}
.flashTwo{
	animation: toWhite 0.5s 1;
	-moz-animation: toWhite 0.5s 1;
	/* Firefox */
	-webkit-animation: toWhite 0.5s 1;
	/* Safari and Chrome */
	-o-animation: toWhite 0.5s 1;
	/* Opera */
}

.tab_container .nav_container .share {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 56px;
	padding-left: 20px;
}

.tab_container .nav_container .share .share_text {
	padding-left: 24px;
	font-size: 14px;
	color: #999999;
}

.tab_container .nav_container .share .share_img img {
	cursor: pointer;
	margin-left: 10px;
	float: left;
}

.tab_container .nav_container .q_qun {
	width: 185px;
	font-size: 14px;
	color: #666;
}

.tab_container .tab_bottom {
	display: flex;
	flex-direction: row;
}

.title_style {
	font-size: 20px;
	color: #333333;
}

.tab_container .tab_bottom .tab_content {
	width: 900px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.tab_container .tab_bottom .tab_content .tab_summary {}

.tab_container .tab_bottom .tab_content .tab_summary>div {
	border-bottom: 1px dashed #979797;
	padding: 25px 0;
}

.tab_container .tab_bottom .tab_content .tab_summary .canLearn {}

.tab_container .tab_bottom .tab_content .tab_summary .canLearn .canLearn_title {}

.tab_container .tab_bottom .tab_content .tab_summary .canLearn .canLearn_content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding-top: 10px;
}

.tab_container .tab_bottom .tab_content .tab_summary .canLearn .canLearn_content>div {
	display: flex;
	flex-direction: row;
	width: 50%;
	font-size: 14px;
	padding-top: 20px;
	color: #666666;
}

.tab_container .tab_bottom .tab_content .tab_summary .canLearn .canLearn_content>div>div {
	padding-left: 10px;
	font-size: 14px;
	color: #666666;
}

.tab_container .tab_bottom .tab_content .tab_summary .fitPeople {}

.tab_container .tab_bottom .tab_content .tab_summary .fitPeople .fitPeople_title {}

.tab_container .tab_bottom .tab_content .tab_summary .fitPeople .fitPeople_content {
	padding-top: 6px;
}

.tab_container .tab_bottom .tab_content .tab_summary .fitPeople .fitPeople_content>div {
	display: flex;
	flex-direction: row;
	align-items: center;
	font-size: 20px;
	padding-top: 20px;
	color: #666666;
}

.tab_container .tab_bottom .tab_content .tab_summary .fitPeople .fitPeople_content>div>div {
	padding-left: 10px;
	font-size: 14px;
	color: #666666;
}

.tab_container .tab_bottom .tab_content .tab_summary .needPrepare {}

.tab_container .tab_bottom .tab_content .tab_summary .needPrepare .needPrepare_title {}

.tab_container .tab_bottom .tab_content .tab_summary .needPrepare .needPrepare_content {
	padding-top: 6px;
}

.tab_container .tab_bottom .tab_content .tab_summary .needPrepare .needPrepare_content>div {
	display: flex;
	flex-direction: row;
	align-items: center;
	font-size: 20px;
	padding-top: 20px;
	color: #666666;
}

.tab_container .tab_bottom .tab_content .tab_summary .needPrepare .needPrepare_content>div>div {
	padding-left: 10px;
	font-size: 14px;
	color: #9B9B9B;
}

.tab_container .tab_bottom .tab_content .tab_summary .briefIntroduction {}

.tab_container .tab_bottom .tab_content .tab_summary .briefIntroduction .briefIntroduction_title {}

.tab_container .tab_bottom .tab_content .tab_summary .briefIntroduction .briefIntroduction_content {
	text-indent: 2em;
	font-size: 14px;
	color: #666666;
	padding-top: 30px;
}

.tab_container .tab_bottom .tab_content .tab_explain {
	padding: 25px 0;
	border-bottom: 1px dashed #A0A0A0;
}

.tab_container .tab_bottom .tab_content .tab_explain .explain_title {}

.tab_container .tab_bottom .tab_content .tab_explain .explain_content {}

.tab_container .tab_bottom .tab_content .tab_data {
	border-bottom: 1px dashed #A0A0A0;
	padding: 25px 0;
}

.tab_container .tab_bottom .tab_content .tab_data .data_title {}

.tab_container .tab_bottom .tab_content .tab_data .data_content {
	padding-top: 6px;
}

.tab_container .tab_bottom .tab_content .tab_data .data_content>div {
	display: flex;
	flex-direction: row;
	align-items: center;
	font-size: 20px;
	padding-top: 20px;
	color: #666666;
}

.tab_container .tab_bottom .tab_content .tab_data .data_content>div>a {
	cursor: pointer;
	text-decoration: underline;
	color:#00a0e9;
	padding-left: 10px;
	font-size: 14px;
}

.course_comment {
	padding: 20px 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}

.course_comment>span {
	font-size: 20px;
}

.text_button {
	margin-top: 20px;
	display: flex;
	flex-direction: row;
}

.course_comment .text_button input {
	width: 630px;
	height: 30px;
	border: solid 1px #CCCCCC;
	border-radius: 5px;
	font-size: 14px;
}

.course_comment .text_button input:focus {
	border: solid 1px#00a0e9;
}

.course_comment .text_button .replyInput {
	width: 570px;
	height: 30px;
	border: solid 1px #CCCCCC;
	border-radius: 5px;
	margin-left: 60px;
	font-size: 14px;
}

.text_button button {
	cursor: pointer;
	margin-left: 10px;
	width: 60px;
	height: 30px;
	border: solid 1px #CCCCCC;
	border-radius: 5px;
	background-color: transparent;
	font-size: 14px;
}

.text_button button:hover {
	background-color:#00a0e9 !important;
	color: #FFFFFF;
	border: none !important;
}

.course_comment .comment_content {
	position: relative;
	width: 100%;
	margin-top: 20px;
	display: flex;
	flex-direction: column;
}

.course_comment .comment_content .comment_data {
	border-top: dashed 1px #CCCCCC;
	padding: 20px 0;
	display: flex;
	flex-direction: column;
}

.course_comment .comment_content .comment_data .comment {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.course_comment .comment_content .comment_data .comment>div {
	display: flex;
	flex-direction: row;
}

.course_comment .comment_content .comment_data img {
	border-radius: 50%;
	width: 50px;
	height: 50px;
}

.course_comment .comment_content .comment_data .comment_subject {
	width: 590px;
	margin-left: 10px;
	display: flex;
	flex-direction: column;
}

.course_comment .comment_content .comment_data .comment_subject .name_time {
	display: flex;
	flex-direction: row;
}

.course_comment .comment_content .comment_data .comment_subject .name_time .comment_name {
	font-size: 14px;
	color: #333333;
}

.course_comment .comment_content .comment_data .comment_subject .name_time .comment_time {
	margin-left: 10px;
	font-size: 14px;
	color: #999999;
}

.allReply {
	color:#00a0e9;
	font-size: 14px;
	padding-left: 80px;
	cursor: pointer;
}

.course_comment .comment_content .comment_data .comment_subject .comment_information {
	font-size: 14px;
	margin-top: 10px;
}

.course_comment .comment_content .comment_data .reply_father {
	display: flex;
	align-items: flex-end;
}

.course_comment .comment_content .comment_data .reply {
	height: 20px;
	background-repeat: no-repeat;
	background-position: left;
	margin-left: 5px;
	padding-left: 17px;
	cursor: pointer;
	font-size: 14px;
	color:#00a0e9;
}

.course_comment .comment_content .comment_data .commentReply {
	width: 100%;
	padding-left: 60px;
	display: flex;
	flex-direction: column;
	margin-top: 20px;
}

.course_comment .comment_content .comment_data .commentReply .commentReplyDiv {
	border-top: dashed 1px #CCCCCC;
	width: 100%;
	display: flex;
	flex-direction: row;
	padding: 20px;
}

.course_comment .comment_content .comment_data .commentReply .commentReplyDiv:first-child {
	margin-top: 0;
}

#replyContent .modal-body .comment_data .replyModal {
	height: 20px;
	background-repeat: no-repeat;
	background-position: left;
	margin-left: 5px;
	padding-left: 17px;
	cursor: pointer;
	font-size: 14px;
	color:#00a0e9;
}

#replyContent .modal-body .comment_data {
	padding: 20px 0;
	display: flex;
	flex-direction: column;
}

#replyContent .modal-body .comment_data .comment {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

#replyContent .modal-body .comment_data .comment>div {
	display: flex;
	flex-direction: row;
}

#replyContent .modal-body .comment_data img {
	border-radius: 50%;
	width: 50px;
	height: 50px;
}

#replyContent .modal-body .comment_data .comment_subject {
	width: 590px;
	margin-left: 10px;
	display: flex;
	flex-direction: column;
}

#replyContent .modal-body .comment_data .comment_subject .name_time {
	display: flex;
	flex-direction: row;
}

#replyContent .modal-body .comment_data .comment_subject .name_time .comment_name {
	font-size: 14px;
	color: #333333;
}

#replyContent .modal-body .comment_data .comment_subject .name_time .comment_time {
	margin-left: 10px;
	font-size: 14px;
	color: #999999;
}

#replyContent .modal-body .comment_data .comment_subject .comment_information {
	font-size: 14px;
	margin-top: 10px;
}

#replyContent .modal-body .comment_data .reply_father {
	display: flex;
	align-items: flex-end;
}

#replyContent .modal-body .comment_data .reply {
	height: 20px;
	background-repeat: no-repeat;
	background-position: left;
	margin-left: 5px;
	padding-left: 17px;
	cursor: pointer;
	font-size: 14px;
	color:#00a0e9;
}

#replyContent .modal-body .comment_data .commentReplys {
	width: 100%;
	padding-left: 60px;
	display: flex;
	flex-direction: column;
	margin-top: 20px;
}

#replyContent .modal-body .comment_data .commentReplys .commentReplyDiv {
	border-top: dashed 1px #CCCCCC;
	width: 100%;
	display: flex;
	flex-direction: row;
	padding: 20px;
}

#replyContent .modal-body .comment_data .commentReplys .commentReplyDiv:first-child {
	margin-top: 0;
}

.course_comment .comment_content .marks {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-bottom: -10px;
	width: 100%;
	height: 50px;
	background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	/* Firefox 3.6 - 15 */
	background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	/* 标准的语法 */
	position: absolute;
	bottom: 20px;
}

.course_comment .comment_content .marks .open_more {
	font-size: 14px;
	color:#00a0e9;
	cursor: pointer;
}

.tab_container .tab_bottom .teacher_introduce {
	width: 300px;
	height: auto;
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.tab_container .tab_bottom .teacher_introduce .teacher_img {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.tab_container .tab_bottom .teacher_introduce .teacher_img img {
	width: 80px;
	height: 80px;
	cursor: pointer;
	border-radius: 200px;
}

.tab_container .tab_bottom .teacher_introduce .teacher_own {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.tab_container .tab_bottom .teacher_introduce .teacher_own .teacher_name {
	padding-top: 10px;
	font-size: 14px;
}

.tab_container .tab_bottom .teacher_introduce .teacher_own span {
	color: #C6C6C6;
	padding-top: 8px;
	font-size: 14px;
}

.tab_container .tab_bottom .teacher_introduce .teacher_description {
	font-size: 14px;
	text-indent: 2em;
	padding-top: 20px;
}

.tab_container .tab_bottom .teacher_introduce button {
	font-size: 14px;
	margin-top: 20px;
	width: 100px;
	height: 30px;
	border-radius: 20px;
	border: none;
	border: solid 1px #00a0e9;
	background-color: white;
	color:#00a0e9;
	cursor: pointer;
}

.vjs-paused .vjs-big-play-button,
.vjs-paused.vjs-has-started .vjs-big-play-button {
    display: block;
}
.video-js .vjs-big-play-button{
    font-size: 2.5em;
    line-height: 2.3em;
    height: 2.5em;
    width: 2.5em;
    -webkit-border-radius: 2.5em;
    -moz-border-radius: 2.5em;
    border-radius: 2.5em;
    background-color: #73859f;
    background-color: rgba(115,133,159,.5);
    border-width: 0.15em;
    margin-top: -1.25em;
    margin-left: -1.75em;
}
/* 中间的播放箭头 */
.vjs-big-play-button .vjs-icon-placeholder {
    font-size: 1.63em;
}
/* 加载圆圈 */
.vjs-loading-spinner {
    font-size: 2.5em;
    width: 2em;
    height: 2em;
    border-radius: 1em;
    margin-top: -1em;
    margin-left: -1.5em;
}
.video-js .vjs-time-control{display:block;}
.video-js .vjs-remaining-time{display: none;}