@charset "utf-8";
/* CSS Document */
.categories{background-color: #f5f5f5;}
.categories .catList{ padding: 25px 0;}
.categories .catItem{ float:left; padding-right: 14px; margin-bottom: 12px;}
.categories .catItem a{ background-color: #ffff; display: 
block; line-height: 36px; padding: 0 42px; color: #666666; font-size: 14px;height: 36px;}
.categories .catItem a:hover, .categories .active a{ background: url("../images/arrow3.png") right top no-repeat #0092d7; color: #ffffff;}

 
.pageContainer{ width:776px;}
.trainContainer{ width:880px;}
 
.card { margin-bottom: 40px;}
.card .title, .lecturer .name{ font-size: 18px; color: #0092d7; font-weight: 600;  }
.card  .layui-col-md4 .title{ font-size: 16px; text-align: center; line-height:40px; height: 40px;}
.card .text{ line-height: 26px; color: #666666; font-size: 16px;}

.card .layui-timeline-axis{ color:#0092d7; background: #0092d7; border: 3px solid #deecff; width: 10px; height: 10px;left: -3px;}
.card .layui-timeline-item .layui-icon{  font-size: 0px;}
.card .layui-timeline-content h3 { font-size: 18px; color:#333333; }
.card .layui-timeline-content h3 span { font-size: 16px; color: #666666; margin-left: 10px; }
 

.contact .content{margin-top: 0px;}
.contact .content{ background:url("../images/aboutbg.jpg") no-repeat center 311px;}
.goTrain{ background-color: #e52929; font-size: 14px; color: #fff; line-height: 36px; height: 36px; float: right; padding: 0 20px; display: block; position: relative; margin: 15px 0 0 0px; }
.goTrain:hover{ background-color: #cc1616; color: #ffffff;  } 
.lecturerList{ margin-top: 36px;}
.lecturer { border: 1px solid #ebebeb; height: 144px; padding: 20px; margin: 0 0 20px 20px; cursor: pointer;}
.lecturer:hover{ background-color: #f5f5f5;}
.lecturer img{ float:left; margin-right: 20px;}
.lecturer .name{ line-height: 36px;}
.lecturer .specialty{ font-size: 14px; font-weight: 600; column-count: #333333; line-height: 20px; margin-bottom: 10px; }
.lecturer .line{ display: block; width: 16px; background: #0092d7; height: 1px; line-height: 1px; overflow: hidden; margin-bottom: 10px;}
.lecturer  .text{ font-size: 12px; color: #666666; line-height: 20px;}
.resume{ display: none}

 
.popLecturer .text, .popLecturer .specialty, .popLecturer .line { display: none;}
 
.popLecturer img { float: left; margin: 20px;}
.popLecturer .name{ line-height: 36px; font-size: 20px; padding-top: 20px; color: #303030; font-weight: 600;}
.popLecturer .resume{ display: block; line-height: 24px; color: #666666; padding:0  15px ;}

body .layui-layer-title {
    padding: 0 0 0 0 ;
    height: 60px;
    line-height: 60px; 
    font-size: 24px;
    color: #333; 
	text-align: center; 
	font-weight: 600;
}


.courseTitle h2{ padding-top: 20px; line-height:36px; font-size: 18px; font-weight: 600; color: #303030; }
.courseTitle p{ color: #606060;}

.courseList{ margin-top: 20px;}
.courseList .layui-colla-icon {
    position: absolute;
    left: unset;
	right: 15px;
    top: 0;
    font-size: 20px;
	color: #0092d7;
	font-weight: 600;
}
.layui-colla-title{ color:#0092d7;  font-size: 14px; font-weight: 600; }
.layui-colla-item{
  margin-bottom: 30px;
}
.courseList .layui-collapse{
	border: none;
}
.courseList .layui-colla-content, .layui-colla-item{ border-top:none;}
.layui-show a.file{ 
	display: block; background: url("../images/pdficon.png") no-repeat left center ;
	 padding-left: 40px;
}
.layui-table{ border: 1px solid #e0e0e0;}

.reg{ padding:30px 25px 30px 10px;} 

.courseList .layui-colla-icon {
    position: absolute;
    left: unset;
	right: 15px;
    top: 0;
    font-size: 20px;
	color: #0092d7;
	font-weight: 600;
}
.layui-colla-title{ color:#0092d7;  font-size: 14px; font-weight: 600; }
.layui-colla-item{
  margin-bottom: 30px;
}
.courseList .layui-collapse{
	border: none;
}
.courseList .layui-colla-content, .layui-colla-item{ border-top:none; margin: 10px; margin-bottom: 30px;}
 
.courseList .layui-colla-content{ border: 1px solid #f5f5f5;}
.layui-show a.file{ 
	display: block; background: url("../images/pdficon.png") no-repeat left center ;
	 padding-left: 40px;
}
.layui-table{ border: 1px solid #e0e0e0;}

.reg{ padding:30px 25px 30px 10px;}
.heightLight{ color: #FF0004;} 
.process{width: 488px;}
.process .startTime, .process .endTime{ width: 36px; display: inline-block; text-align: center}

.process .layui-bg-gray{ border-radius: 10px; }
.process a ,.process p{ display: block; line-height: 24px; padding: 0 30px;}
.process .title{ margin-left: 15px;}
.chapter { border-bottom: 1px solid #f5f5f5; margin: 20px 0; height: 30px;}
.chapter span{ background-color: #4e4c4d; color: #ffffff; font-size: 16px; padding: 10px;   border-radius: 10px; }

.train{ border: 1px solid #dbdbdb; padding: 20px; margin: 30px 0;} 
.demo-slider{ padding-top: 15px;}
.schedule { text-align: right; height: 36px; line-height: 36px; overflow: hidden;}
 .layui-form-radio>i:hover, .layui-form-radioed>i {
	color: #0092d7;}
.layui-form-select dl dd.layui-this {
    background-color: #0092d7;
    color: #fff;
}
.layui-form-radio>i:hover, .layui-form-radioed>i {
    color: #0092d7;
}
.ask{ padding-left:30px;}
.train .layui-input-inline{padding-left:30px;}
.lineHeight{
	color: #F80004;
}