/*
 * author: hyc
 * time: 2016-01-12
*/
/*Í·²¿±³¾°Í¼*/
#course_swap #stop{
	background:url(../images/common/top_bg/bg_course.jpg) no-repeat center;
}
/*course*/
#course_swap .course_content{
	position:relative;
	width:100%;
	height:800px;
	margin-bottom:80px;
}
#course_swap .course_content .img_swap{
	position:relative;
	top:181px;
	left:337px;
	width:526px;
	height:437px;
	background:url(../images/course/img_course.png) no-repeat center;
}
#course_swap .course_content .item{
	text-align:center;
	width:245px;
}
#course_swap .course_content .item a{
	display:block;
	font-size:30px;
}
#course_swap .course_content .item a.icon{
	margin:0 auto;
	margin-bottom:10px;
}
#course_swap .course_content .item p{
	width:245px;
	font-size:16px;
	color:#666;
	line-height:28px;
	padding-top:30px;
	text-align:left;
}
#course_swap .course_content .item.courseA{
	position:relative;
	top:0;
	left:0;
	top:-350px;
	left:130px;
}
#course_swap .course_content .item.courseA .icon{
	width:45px;
	height:67px;
	background:url(../images/course/icon1.png) no-repeat;
}
#course_swap .course_content .item.courseA a{
	color:#1bc972;
}
#course_swap .course_content .item.courseB{
	position:relative;
	top:-610px;
	left:820px;
}
#course_swap .course_content .item.courseB .icon{
	width:48px;
	height:63px;
	background:url(../images/course/icon2.png) no-repeat;
}
#course_swap .course_content .item.courseB a{
	color:#fc9c3d;
}
#course_swap .course_content .item.courseC{
	position:relative;
	top:-400px;
	left:130px;
}
#course_swap .course_content .item.courseC .icon{
	width:49px;
	height:64px;
	background:url(../images/course/icon3.png) no-repeat;
}
#course_swap .course_content .item.courseC a{
	color:#f24c4c;
}
#course_swap .course_content .item.courseI{
	position:relative;
	top:-620px;
	left:880px;
}
#course_swap .course_content .item.courseI .icon{
	width:61px;
	height:60px;
	background:url(../images/course/icon4.png) no-repeat;
}
#course_swap .course_content .item.courseI a{
	color:#42b9e8;
}
/*course_list*/
#course_swap .clist_swap{
	width:100%;
	padding:10px 0 30px 0;
}
#course_swap .clist_swap .title{
	font-size:38px;
	line-height:48px;
	color:#666;
	text-align:center;
	padding:0 0 20px 0;
}
/*search_container*/
#course_swap .clist_swap .search_container{
	font-size:16px;
	color:#333;
	padding:30px 0;
}
#course_swap .clist_swap .search_container select{
	width:200px;
	padding:16px 0;
	border:1px solid #dcdcdc;
	margin-right:50px;
}
#course_swap .clist_swap .search_container select.sctype{
	margin-right:90px;
}
#course_swap .clist_swap .search_container input[type=text]{
	width:380px;
	height:48px;
	border:1px solid #dcdcdc;
	line-height:48px;
	padding:0 5px;
	margin-right:5px;
}
#course_swap .clist_swap .search_container label{
	margin-right:10px;
	line-height:48px;
}
#course_swap .clist_swap .search_container .btn_submit{
	color:#fff;
	height:49px;
	line-height:49px;
	background-color:#c81e27;
	padding:0 20px;
	cursor:pointer;
}
/*table*/
#course_swap .clist_swap table{
	width:100%;
}
#course_swap .clist_swap tr{
	text-align:center;
	border-right:1px solid #cdcdcd;
}
#course_swap .clist_swap thead th{
	color:#FFF;
	background-color:#c81e27;
	border-right:1px solid #FFF;
	padding:20px 15px;
}
#course_swap .clist_swap tbody td{
	padding:20px 15px;
	color:#000;
	border-bottom:1px solid #cdcdcd;
	border-left:1px solid #cdcdcd;
}
#course_swap .paging{
	padding:60px 0 0 0;
}
#course_swap .course_content2{
	position:relative;
	width:1200px;
	margin:0 auto;
	min-height:500px;
	margin-bottom:80px;
}
#course_swap .course_content2 h4{
    font-size: 26px;
    color: #1e9ce9;
	margin-top:20px;
	margin-bottom:20px;
	text-align:left;
}
#course_swap .course_content2 p{
	font-size: 18px;
    color: #333;
    line-height: 34px;
    padding-bottom: 5px;
}
#course_swap .course_content2 table{
	
	border-top:1px #d5d5d5 solid;
	border-left:1px #d5d5d5 solid;
    text-align: center;
    font-size: 18px;
    color: #303030;
	width:100%;
	margin:0 auto;
}
#course_swap .course_content2 table td{
	border-right:1px #d5d5d5 solid;
}
#course_swap .course_content2 table thead{
	height: 35px;
    line-height: 35px;
    background-color: #f0f0f0;
    color: #666;
}
#course_swap .course_content2 table tr {
    border-bottom: 1px solid #dcdcdc;
    height: 35px;
    line-height: 35px;
}
/**Ñ¡Ï***/
.tablist{
	width:100%;
	margin:0 auto;
	height:50px;
	border-bottom:1px solid #c81e27;
	position:relative;
}
.tablist li{
	height:48px;
	padding-left:30px;
	padding-right:30px;
	float:left;
}
.tablist li h3{
	font-size: 18px;
    line-height: 28px;
    color: #666666;
    cursor: pointer;
}
.tablist li .tabinfo{
	width:100%;
	position:absolute;
	top:70px;
	left:0;
	display:none;
}
.tablist li.active{
	border-bottom:4px solid #c81e27;
}
.tablist li.active .tabinfo{
	display:block;
}

.clear{
	clear:both;
}
.ybutton {
    background: #d3ca12;
    color: #ffffff;
    font-size: 13px;
    padding: 3px;
}
.courseName{
	cursor:pointer;
}
#course {
	margin-bottom:20px;
}
#course .search_container{
	font-size:16px;
	color:#333;
	padding:30px 0;
	text-align:center;
}
#course .search_container select{
	width:150px;
	padding:16px 0;
	border:1px solid #dcdcdc;
	margin-right:50px;
}
#course .search_container input[type=text]{
	width:180px;
	height:48px;
	border:1px solid #dcdcdc;
	line-height:48px;
	padding:0 5px;
	margin-right:50px;
}
#course .search_container label{
	margin-right:10px;
	line-height:48px;
}
#course .search_container input[type=button]{
	color:#fff;
	height:49px;
	line-height:49px;
	background-color:#c81e27;
	padding:0 20px;
	cursor:pointer;
}

#course table{
	width:100%;
	text-align:center;
	font-size:14px;
}
#course table thead{
	height:50px;
	line-height:50px;
	background-color:#f0f0f0;
	color:#666;
}
#course table tr{
	border-right:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
}
#course table .checkbox_swap{
	width:70px;
}
#course table thead tr{
	border-top:3px solid #dcdcdc;	
}
#course table tbody tr{
	border-bottom:1px solid #dcdcdc;
	height:50px;
	line-height:50px;
}
#course table tbody tr td .bbutton{
	background: #8000ff;
	color:#ffffff;
	font-size:13px;
	padding:3px;
}
#course table tbody tr td p{
	line-height:20px;
	font-size:12px;
	text-align: left;
}
#course table tbody tr td .abutton{
	color:#666;
	padding:2px 4px;
	border:1px solid #c6c6c6;
	cursor:pointer;
	margin-right:5px;
}
#course table tbody tr td .rbutton{
	background: #c81e27;
	color:#ffffff;
	font-size:13px;
	padding:3px;
}
#course table tbody tr td .ybutton{
	background: #d3ca12;
	color:#ffffff;
	font-size:13px;
	padding:3px;
}
#course table tbody tr td .radio{
	margin:4px;
}
#course table tbody tr img{
	padding-left:5px;
	padding-top:5px;
}
#course table tbody .not_pay{
	color:#c81e27;
}
#course table tbody .payed{
	color:#32ab57;
}
#course table tbody .red{
	color:#c81e27;
}
#course table tbody .green{
	color:#32ab57;
}
#course table tbody .cancel{
	color:#ff8000;
}
#course table tfoot tr{
	border-bottom:1px solid #dcdcdc;
}
#course table tfoot tr.bottom{
	background-color:#f0f0f0;
	height:70px;
	line-height:70px;
	color:#666;
}
#course table tfoot tr.bottom .left input[type=checkbox]{
	margin-right:10px;
}
#course table tfoot tr.bottom .left select{
  width: 150px;
  padding: 13px 0;
  border: 1px solid #dcdcdc;
  margin-right: 50px;
}
#course table tfoot tr.bottom .right{
	text-align:right;
}
#course table tfoot tr.bottom .right span{
	margin-right:30px;
	font-size:20px;
	font-weight:bold;
}
#course table tfoot tr.bottom .right span font{
	color:#c81e27;
}
#course table tfoot tr.bottom .right input[type=button]{
	color:#fff;
	height:49px;
	line-height:49px;
	background-color:#c81e27;
	padding:0 40px;
	cursor:pointer;
	margin-right:30px;
}
#course #pagelist {
	height: 40px;
	line-height: 40px;
	margin:15px auto;
}
#course #pagelist .pageinfo {
	min-width: 100px;
	float: left;
	line-height: 33px;
}
#course #pagelist .pagenum {
	min-width: 93px;
	width: auto;
	float: right;
	line-height: 40px;
}
#course #pagelist .pagenum a{
	color:#666;
}
#course #pagelist .page_prev {
	width: 50px;
	height: 25px;
	line-height: 25px;
	margin: 5px;
	float: left;
	text-align: center;
	border: 1px solid #c81e27;
	margin: 3px;
}
#course #pagelist .pagenum .pager {
	width: 25px;
	height: 25px;
	line-height: 25px;
	float: left;
	text-align: center;
	border: 1px solid #c81e27;
	margin: 3px;
}
#course #pagelist .pagenum .active {
	width: 25px;
	height: 25px;
	line-height: 25px;
	margin-top: 10px;
	float: left;
	color: #fff;
	text-align: center;
	border: 1px solid #fff;
	background: #c81e27;
	margin: 3px;
}
#course #pagelist .pagenum .active a{
	color:#fff;
}
#course #pagelist .page_prev {
	width: 50px;
	height: 25px;
	line-height: 25px;
	margin: 5px;
	float: left;
	text-align: center;
	border: 1px solid #c81e27;
	margin: 3px;
}