@charset "utf-8";

#couHead {
	margin-top: 10px;
	padding-bottom: 20px;
	overflow: hidden;
	display: flex;
	/* background: #f0f0f0; */
	border-bottom: 1px solid #f0f0f0;
}

.couHead_l {
	display: flex;
	width: 900px;
	height: 265px;
}
.couHead_r {
	height: 265px;
}
#couHead .headRight {
	float: left;
	/*height: 342px;*/
	/*width: 560px;*/
	position: relative;
	margin-left: 20px;
}

	#couHead .headRight span {
		font-size: 16px;
		line-height: 25px;
	}

#couHead .photo {
	float: left;
	/*height: 337px;
	width: 600px;*/
}

	#couHead .photo img {
		/*height: 337px;
	width: 600px;*/
		width: 468px;
		height: 265px;
		/*margin-top: 5px;
		margin-left: 5px;*/
		background-position: center top;
		background-size: 100% !important
	}

#couHead .headRight .couName {
	font-size: 30px;
	line-height: 50px;
	/*font-weight: bolder;*/
	color: #000000;
	display: table;
	margin-bottom: 10px;
	height: 28px;
	font-size: 20px;
	color: #333333;
}

#couHead .headRight .headrow {
	font-size: 16px;
	height: 20px;
	font-size: 14px;
	color: #666666;
	margin-top: 12px;
}

.headinfo {
	position: relative;
	height: 100px;
	/*padding-left:90px;*/
}

#couHead .headRight #course-qrcode {
	position: absolute;
	top: 6px;
	left: 0px;
}

.couIntro *, .couIntro a, .couIntro p, .couIntro div {
	font-size: 16px !important;
	line-height: 25px;
	color: #333333 !important;
	word-wrap: break-word;
	word-break: break-all;
}

#couHead .headRight .couTeacer {
	font-size: 16px;
	line-height: 25px;
	height: 25px;
}

#couHead .headRight .couNum {
	height: 20px;
	font-size: 14px;
	color: #666666;
}

.money {
	color: #e85308;
	margin-right: 10px;
	padding-right: 3px;
	padding-left: 3px;
}

.moneyfree span {
	color: #060;
}

.money * {
	color: #e85308;
}

.couBtnBox {
	width: 100%;
	position: absolute;
	bottom: 0;
}

#couHead .headRight .couBtn {
	background-repeat: repeat-x;
	height: 40px;
	width: 163px;
	line-height: 40px;
	text-align: center;
	float: left;
	margin-right: 5%;
	background-color: #188eee;
	background-color: #d80528;
}

.couBtn, .couBtn a {
	font-size: 16px;
	/* line-height: 50px; */
	color: #FFFFFF;
	/* font-weight: bold; */
	display: block;
	background-color: transparent;
	text-decoration: none;
}
/*.couBtn a:hover {
	background-color: #50A9F1;
}*/
.btn1 {
	width: 25% !important;
	float: left;
}

.btn2 {
	width: 30% !important;
	float: left;
}

.study {
	background-color: #093 !important;
	margin-right: 0px !important;
	margin-top: 0px !important;
}

#details {
	width: 1200px;
}

#LeftBox {
	width: 900px;
	width: 1200px;
	float: left;
	/*border-right-width: 1px;
	border-top-style: none;
	border-right-style: dashed;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #CCCCCC;*/
}

	#LeftBox .boxBar {
		width: 100%;
		background: #f0f0f0;
		height: 60px;
		line-height: 60px;
	}

#RightBox {
	float: right;
	width: 290px;
	border-left: 1px dotted #f0f0f0;
	padding-left:10px;
	height:100%;
}

.box {
	float: right;
	height: 100%;
}

.boxBar {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #f0f0f0;
	height: 40px;
	/*margin-bottom: 20px;*/
	width: 280px;
}

.title {
	/*font-size: 20px;
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	height: 30px;
	padding-bottom: 5px;
	padding-top: 8px;
	color: #333;
	margin-bottom: 15px;
	border-bottom-width: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-bottom-color: #0387d9;
	width: 150px;
	margin-top: 15px;
	cursor: pointer;
	text-align: center;*/
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #333;
	float: left;
	width: 150px;
	cursor: pointer;
}

.titOver {
	/*padding-bottom: 5px;
	padding-top: 8px;*/
	color: #333;
	/*margin-bottom: 15px;*/
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #0387d9;
	border-bottom-color: #d80528;
	width: 150px;
	text-align: center;
	/*margin-top: 15px;*/
}

.boxBar .more {
	float: right;
	height: 30px;
	width: 60px;
	line-height: 30px;
	margin-top: 25px;
}

	.boxBar .more a {
		color: #0387d9;
	}

.nolist {
	display: table;
	margin-top: 20px;
}

.item1 {
	font-size: 15px;
	line-height: 30px;
	height: 25px;
	margin-left: 20px;
}

.item2 {
	font-size: 15px;
	line-height: 30px;
	height: 30px;
	margin-left: 50px;
}

.itemName {
	float: left;
	min-height: 30px;
	width: 580px;
	line-height: 30px;
	font-size: 14px;
}

.study {
	line-height: 25px;
	height: 23px;
	text-align: left;
	margin-top: 2px;
	margin-right: 20px;
	cursor: pointer;
	color: #333333;
}

.item {
	height: 35px;
	display: table;
}

	.item img {
		float: left;
		height: 20px;
		width: 20px;
		margin-top: 7px;
		margin-right: 5px;
	}

.noTime {
	color: #999999;
	float: right;
	line-height: 35px;
	white-space: nowrap;
	float: right;
	height: 35px;
	width: 55px;
	overflow: hidden;
	margin-left: 5px;
	text-overflow: ellipsis;
	background-repeat: no-repeat;
	background-position: 0px 8px;
}

.item .noItem {
	width: 290px;
	float: left;
}

.item a {
	font-size: 14px;
	color: #333333;
	white-space: nowrap;
	display: block;
	width: 200px;
	overflow: hidden;
	line-height: 35px;
	height: 35px;
	float: left;
	text-overflow: ellipsis;
}

.item .noItem a:hover {
	font-size: 14px;
	text-decoration: underline;
}

#teacher {
	height: 125px;
	background-color: #F0F0F0;
	margin-top: 0px;
	width: 280px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

	#teacher .thImg {
		height: 125px;
		width: 100px;
		float: left;
		margin-right: 10px;
		background-position: center;
	}

.thRight {
	float: left;
	width: 100px;
	height: 125px;
	margin-left: 20px;
}

	.thRight .thTop {
		font-size: 15px;
		line-height: 20px;
		height: 30px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.thRight .signature {
		font-size: 16px;
		line-height: 25px;
		color: #999999;
		width: 270px;
		height: 100px;
		margin-top: 10px;
		overflow: hidden;
	}

.thTop .thName, .thTop .thName a {
	font-size: 18px;
	line-height: 25px;
	color: #333333;
	float: left;
	width: auto;
	margin-right: 5px;
}

.thTop .thTitle {
	float: left;
	width: auto;
	font-size: 14px;
	margin-top: 5px;
}

/*章节列表*/
.itemList {
	/*padding: 20px;*/
}

.outline {
}

.live {
	background-image: url(../../Images/live-icon.gif);
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	display: inline-block;
}

.olitem {
	position: relative;
	border-bottom:1px solid #f0f0f0;
}

	.olitem:hover {
		/*background-color: #CCC;*/
		background-color: #f9f9f9;
	}

	.olitem .obtn {
		float: right;
		display: inline-block;
		margin-right: 20px;
		margin-top: 10px;
		width: 60px;
		text-align: center;
		font-size: 12px !important;
		border-radius: 10px;
		height: 10px;
		padding: 0px 10px 10px 10px;
		line-height: 20px;
		background-color: rgba(0, 0, 0, .15);
	}

		.olitem .obtn a {
			color: #fff;
			font-size: 12px;
		}

.buy:before {
	content: "\e625";
	font-family: "moneyico";
	margin-right: 5px;
}

.enable {
	background-color: #d80528 !important;
}

.disable {
	background-color: transparent !important;
}

.outline .ol_name {
	margin-left: 8px;
	line-height: 40px !important;
	color: #333;
	font-size: 16px !important;
}
/*课程介绍*/
.introBox {
	/*width: 96%;*/
	margin-right: auto;
	margin-left: auto;
	min-height: 10px;
}

	.introBox, .introBox * {
		font-size: 14px !important;
		line-height: 25px !important;
		word-wrap: break-word;
		word-break: break-all;
	}

		.introBox p {
			text-indent: 2em;
			margin-bottom: 1em;
		}

		.introBox img {
			max-width: 95%;
			margin-right: auto;
			margin-left: auto;
		}
/*课程公告*/
.guides {
}

	.guides li a {
		font-size: 16px;
		line-height: 25px;
	}

.box .title {
	text-align: left;
	padding: 0;
	margin-top: 0;
	height: 40px;
	line-height: 40px;
}
/*学员*/
.studentbox {
	height:214px;
	overflow:auto;
	padding-top:5px;
	box-sizing:border-box;
}

	.studentbox li {
		font-size: 16px;
		line-height: 30px;
		list-style-type: none;
		float: left;
		width: 48%;
		margin-bottom: 5px;
		height: 30px;
		overflow: hidden;
	}

.stPhoto {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid #CCC !important;
	border: none !important;
	float: left;
	display: inlineblock;
	margin-left: 1%;
	margin-right: 5px;
	background-size: 100% !important;
}
.tab-context {
	border: 1px solid #f0f0f0;
	padding: 10px;
	min-height:500px;
}