/*******************课程详细页面detail适配********************************/
/*******************课程详细页面detail********************************/
/*.course-video{height: 200px;border: 1px solid red;}*/
video::-internal-media-controls-download-button {
    display:none;
}
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
}
.pbg_video{text-align: right;margin-right: 20px;margin-top: 10px;}
.pbg_video img{width: 500px;height: 300px;}
.video{background-size: 100% 100%;object-fit: fill;}
.bordernone{border-bottom: 0px !important;}
.ctitle{padding: 10px 0 10px 0;font-size: 24px;color: #0A52C2;}
.course_buy{width: 200px;border-radius: 5px;background-color: #FF6303;text-align: center;display: inline-block;float: right;}
.course_buy a{    width: 200px;    font-size: 20px;    color: #fff;    line-height: 40px;    display: inline-block;}
.course_m{padding: 20px 0;width: 100%;height: 61px;}
.course_m span{padding: 10px;}
.course_price{width: 350px;margin: 0 auto;padding-top: 21px;}
.course-tips{border: 1px solid #ccc;background: white;}
.course-tips span{color: #2d90e6;font-size: 20px;display: inline-block;margin: 20px;}
.course_price span{font-weight: bold;font-size: 29px;color: #5a5;line-height: 44px;float: left;;}
.course_price_free{margin-left: 13px;font-size: 22px;color: #5a5;display: inline-block;}
.course_price_nofree{margin-left: 13px;font-size: 22px;color: red;display: inline-block;}
.pbg .fr{height:423px;padding:20px;margin-top: 20px;}
.pbg_header{height:380px;padding:20px;margin-top: 20px;margin-bottom: 20px}
.pcaption .collect{display: inline;float: right;font-size: 14px;width: 70px;color: #0A52C2; cursor: pointer;margin-top: 7px;}
.pbg .pbg_fl{width:500px;}
.pbg .pbg_fr{width:535px;height:302px;padding: 0px 0;}
.teacher-pbox{width: 76px;display: inline-block;margin: 0 5px 5px 5px;text-align: center;}
.teacher-pbox img{border: 4px solid #F6F6F6;border-radius: 5px;}
.teacher-pbox img:hover{border: 1px solid #F0F0F0;}
.teacher-pbox img{width: 74px; height: 74px;border-radius: 37px;}
.teacher_tup_right{
	padding: 10px 0 10px 0;    
	color: #000;
    font-weight: 500;
    font-size: 14px;
    width: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.teacher_tup_right span{display: block;}
.pbox-width{width: 900px;display: inline-block;}

/*******************课程详细页面detail********************************/
.pbox .pbox_top{margin-top: 20px;}
.pboxleft{margin-left: 20px;display: inline;float: right;margin-top: 13px;width:280px;}
.pbox-head-title-center{font-size: 15px;margin-left: 10px;text-align: center;}
.pboxleft .pbox_top2{margin-bottom: 20px;width: 100%;background-color: white;border:1px solid #ddd;}
.pboxleft .pboxleft3{margin-bottom: 20px;width: 100%;}
.pboxleft .pboxleft4{width: 100%;}
.pbg .pbg_video{height:100%;width: 100%;}
.pbg .pbg_videocontainer{height:100%;width: 100%;}
.pbgbottom{display: inline-flex;clear: both;margin-bottom: 20px;}
.pbgbottom10{border: 1px solid #ddd;width: 100%;background: white;;display: inline-flex;clear: both;margin-bottom: 10px;}
.pbgbottom10>li{margin-bottom: -1px !important;margin-left: 10px;}
.pbgbottom10 > li.active > a, .pbgbottom10 > li.active > a:hover, .pbgbottom10 > li.active > a:focus{
    border: none;
    border-bottom: 2px solid rgb(14,136,245) !important;
    color: rgb(14,136,245) !important;
    
}

.pbgbottom10 > li> a{color: black;font-size: 15px;}
.pbg{background-color: white;}
.pbox-head{height: 40px;line-height: 40px;font-size: 15px;}
.pbox-body{border-top: 1px solid #ccc;color: #999;text-indent: 2em;line-height: 2;padding: 10px;}
.pbox-body p{font-size: 14px;}
.tab-content{border: 1px solid #ddd;background-color: white;}
.pbox-head-title{font-size: 15px;margin-left: 10px;}
.pbox-body-right{border-top: 1px solid #ccc;padding: 5px;}
#detail_periods,#ocOpenType{color:#337ab7;}

/*课程评价*/
.course-assess>h4{
	padding: 10px 0px 0px 12px;
	color: #5cb85c;
	font-size: 15px;
}
.appraise-box{
	width: 100%;
	background-color: #FFFFFF;
	margin-top: 40px;
}
.appraise-list{
	margin-top: 10px;
	padding: 10px;
	border-bottom: 1px dotted #DDDDDD;
}
.appraise-list:last-child{
	border-bottom: 0px;
}
.appraise-man{
	width: 50px;
	height: 50px;
	border-radius: 100%;
	overflow: hidden;	
}
.appraise-man img{
	width: 100%;
	height: 50px;
}
.marl20{
	margin-left: 20px;
}
.stars {
	margin-left: 10px;
	line-height: 30px;
}
.appraise-con p{
    margin-top: 10px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.man-name h3{
    font-size: 14px;
    color: #666666;
    margin-left: 10px;
    width: 75%;
    margin-top: 7px;
}
.appraise-text .time{
	color: #999999;
	margin-top: 20px;
	text-align: right;
}
.c-container {width: 1200px;margin: 0 auto;}
.cbg_header  {
    background-color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;    
    padding: 20px;
    border: 1px solid #ddd;
}
.cbgbottom {
    display: inline-flex;
    clear: both;
    margin-bottom: 20px;
}
.course_tar{margin: 15px 0px;}
.course-info{
	position: relative;
    bottom: 3px;
}
.course-title{
	text-align: left;
	text-indent:1em;
	font-size: 22px;
	color: #353535;
}
.course-collect{
	text-align: right;
	padding-right: 22px;
}
.course-collect span,.course-collect a{
	color:#ff5345 ;
	margin-left: 2px;
	font-size: 15px;
}

.course_describe {
    text-indent: 2em;
    padding: 20px 0px;
    height: 132px;
    clear: both;
}
#detail_summary{font-weight: 500;
    color: #939596;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    letter-spacing: 1px;
    line-height: 24px;
    }
.changglyphicon{
	background: transparent;
    color: #aaa;
    margin-right: 10px;
    font-size: 19px;
    margin-top: 8px;
}
.mart10{
	margin-top: 10px;
}
.mar10{
	margin-right: 10px;
}
/*课程详情适配*/
@media (min-width: 768px) {
	.c-container{width: 767px;margin: 0 auto;}
	.pbox-width{width: 470px;}
	.pbg_videocontainer{width: 340px !important;height: 240px !important;margin: auto;}
    .pbg_video img{width: 300px;height: 211px;}
    .assess-img img{width: 300px;height: 211px;}
}
@media (min-width: 992px) {
	.c-container{width: 990px;margin: 0 auto;}
	.pbox-width{width: 690px;}
	.pbg_videocontainer{width: 460px !important;height: 276px !important;}
	.pbg_video img{width: 300px;height: 211px;}
	.assess-img img{width: 300px;height: 211px;}
}
@media (min-width: 1200px) {
	.c-container{width: 1200px;margin: 0 auto;}
	.pbox-width{width: 900px}
	.pbg_videocontainer{width: 544px !important;height: 276px !important;}
    .pbg_video img{width:500px;height:300px;}
    .assess-img img{width: 300px;height: 211px;}
}
/*在991和1199之间的屏幕*/
@media (max-width: 1199px) {
	.c-container{max-width: 1190px;margin: 0 auto;}
}
/*在768和991之间的屏幕*/
@media (max-width: 991px) {
	.c-container{max-width: 767px;margin: 0 auto;}
}
/*小于768的屏幕：改变布局*/
@media (max-width: 767px) {
	.c-container{max-width: 548px;margin: 0 auto;}
	.cbgbottom{display: block;}
	.pbox-width{width: 548px;}
	.pboxleft{width: 548px;float: initial;}    
	.pbg_videocontainer{width: 507px !important;height: 359px !important;}
    .pbg_video img{width: 460px;height: 280px;}
    .assess-img img{width: 460px;height: 280px;}
}
/*小于640的屏幕*/
@media (max-width: 640px) {
	.c-container{max-width: 620px;width: 320px;margin: 0 auto;}
	.course-video{width: 300px;}
	.course_describe{display: none;}
	.course_tar{display: none;}
/*	.course-title{text-indent: 0em;}*/
	.course_price_free{margin-left: 0px;}
	.pbox-width{width: 320px;}
	.pbg_videocontainer{width: 260px !important;height:184px !important;}
    .pbg_video img{width: 236px;height: 164px;}
    .assess-img img{width: 236px;height: 164px;}
/*    .course-title{text-align: center; width: 100%;}*/
}
.raty_my{width: 90px !important;}
.raty_my img{width: 15px !important; height: 15px !important; margin: 0px !important;}