/*清除浮动*/
.clearfix:after{
	content: "";
	height: 0;
	visibility: hidden;
	clear: both;
	display: block;
}

/*banner area*/

.lecture-banner{
	margin-top: 10px;
}

.banner__slide{
	width: 781px;
	float: left;
	height: 364px;
	position: relative;
	cursor: pointer;
}

.banner__slide--images{
	position: relative;
}

.banner__slide--images li{
	position: absolute;
	top: 0;
	left: 0;
}

.banner__slide--control{
	position: absolute;
	right: 12px;
	bottom: 16px;
	z-index: 1;
}

.banner__slide--control li{
	width: 12px;
	height: 12px;
	background: #e5e5e5;
	border-radius: 12px;
	margin-right: 20px;
}

.banner__slide--text{
	position: absolute;
	bottom: 0;
	width: 100%;
	background: rgba(0,0,0,0.64);
	text-indent: 20px;
	font-size: 16px;
	height:44px; 
	line-height: 44px;
	color: #fff;
	overflow: hidden;
	z-index: 1;
}

.banner__slide--text li{
	display: none;
}

.banner__slide--text .acti{
	display: block;
}

.banner__slide--control .acti{
	background: #f3a218;
}


/*panel*/

.banner__panel{
	float: right;
	width: 308px;
	height: 364px;
	background: #f3f5f7;
}

.panel__header{
	background: url("../img/lecture-panel.jpg") no-repeat;
	height: 62px;
}

.panel__content__text{
	padding: 20px 26px;
	line-height: 1.8;
	text-align: justify;
}

.panel__content__button{
	display: block;
	width: 142px;
	line-height: 36px;
	background: #006db8;
	color: #fff;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
}

.panel__content__button:hover{
	background: #3879D9;
}

.panel__content__button:visited{
	color: #fff;
}

.panel__footer{
	padding-top: 30px;
	margin-right: 20px;
	height: 56px;
	background: url("../img/panel-toy.png") no-repeat;
	background-position: right bottom; 
}

.panel__footer .p1{
	color: #3b5998;
	font-size: 16px;
	margin-left: 34px;
}

.panel__footer .p2{
	color: #474242;
	margin-top: 12px;
	margin-left: 34px;
	padding-left: 24px;
	background: url("../img/qq-icon.png") no-repeat;
	line-height: 18px;
}

/*Details*/

.lecture-details{
	margin-top: 60px;
}

.details__header{
	text-align: center;
	font-size: 24px;
	font-family: "SimHei";
	letter-spacing: 1px;
	font-weight: bold;
	color: #2a2929;
}

.details__header .icon{
	width: 36px;
	height: 18px;
	display: inline-block;
}

.details__header .icon-left{
	background: url("../img/lt-ico1.jpg");
	margin-right: 22px;
}

.details__header .icon-right{
	background: url("../img/lt-ico2.jpg");
	margin-left: 22px;
}


.details__list{
	margin-top: 60px;
}

.list__item{
	width: 263px;
	height: 236px;
	float: left;
	margin-right: 16px;
	margin-bottom: 60px;
}

.list__item:nth-child(4n){
	margin-right: 0;
}

.item__cover{
	height: 150px;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

/*
20190529, add new style to support two line long title
*/
.item__title{
	text-align: center;
	font-size: 15px;
	padding: 14px 0;
}

.item__title a, .item__title a:visited{
	color: #000;
}

.item__title__long{
	text-align: center;
	font-size: 15px;
	padding: 14px 0;
	height:40px;
}

.item__title__long a, .item__title__long a:visited{
	color: #000;
}

.item__date{
	position: absolute;
	width: 74px;
	line-height: 22px;
	background: rgba(0,0,0,0.8);
	color: #fff;
	font-size: 10px;
	border-radius: 12px;
	text-align: center;
	bottom: 8px;
	right: 10px;
}

.item__download{
	width: 230px;
	height: 30px;
	margin-left: 30px;
	margin-top: 10px;
	position: relative;
}

.item__download--button{
	width: 100px;
	margin-right: 10px;
	line-height: 30px;
	color: #fff;
	text-indent: 12px;
	font-size: 14px;
	display: inline-block;
	border-radius: 6px;
	background: #f39800;
	position: relative;
}

.item__download--button:visited{
	color: #fff;
}

.item__download--button .icon{
	position: absolute;
	width: 15px;
	height: 15px;
	background: url("../img/download-icon.png") no-repeat;
	right:10px;
	top: 7px;
}

.item__download--button:hover{
	background: #ff8400;
}

.item__download--count{
	position: absolute;
	font-size: 12px;
	right: 15px;
	top:8px;
	color: #575353;
}



/*register*/

.lecture-register{
	margin-top: 20px;
	padding: 30px;
	height: 580px;
	width: 1040px;
	background: #fcf9ef;
	float: left;
}

.register__header{
	text-align: center;
	color: #555555;
}

.register__header--title{
	font-size: 28px;
	font-weight: bold;
}

.register__header--subtitle{
	font-size: 16px;
	padding-top: 30px;
}

.register__form{
	margin: 30px auto;
	width: 660px;
}

.register__form input, .register__form textarea{
	border: 1px #ccc solid;
	border-radius: 5px;
	line-height: 1.6;
	padding-left: 5px;
}

.register__form__btn{
	margin-top: 26px; 
}

.register__notes{
	width: 660px;
	line-height: 1.8;
}