.layer_notice{
	padding: 20px;
	display: none;
}
.layer_notice h3{
	text-align: center;
	font-size: 18px;
	color: #333;
	margin-bottom: 12px;
}
.layer_notice p{
	text-align: center;
	font-size: 14px;
	color: #333;
}
.layer_notice p.tips{
	/*margin-bottom: 12px;*/
	color: orange;
	/*text-align: left;*/
}

.layer_input{
	margin-bottom: 10px;
	min-height: 34px;
	line-height: 34px;
}
.layer_input label{
	display: inline-block;
	height: 34px;
	line-height: 34px;
	width: 100px;
	text-align: right;
	margin-right: 10px;
}
.layer_input textarea{
	width: 220px;
	height: 80px;
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid #ccc;
	color: #333;
	padding: 5px;
	resize: none;
	font-family: '微软雅黑'
}
.layer_input input[type=text]{
	width: 220px;
	height: 32px;
	border-radius: 4px;
	text-indent: 10px;
	background-color: #fff;
	border: 1px solid #ccc;
	color: #333;
	line-height: 32px
}
.layer_input select{
	min-width: 80px;
	height: 32px;
	border-radius: 4px;
	text-indent: 10px;
	background-color: #fff;
	border: 1px solid #ccc;
	color: #333;
	line-height: 32px
}
.layer_input select[name=industry],.layer_input select[name=type]{
		width: 222px;
}
.layer_btn{
	text-align: center;
	margin-top: 30px;
}

.layer_btn button,
.layer_btn a{
	display: inline-block;
	min-width: 120px;
	padding: 0 20px;
	height: 32px;
	border-radius: 5px;
	text-align: center;
	line-height: 32px;
	border: 1px solid #fff;
	margin: 0 10px;
	cursor: pointer;
}

.layer_btn a.sure,
.layer_btn button.sure{
	background-color: #0b57a3;
	color: #fff;
}

.layer_btn a.cancel,
.layer_btn button.cancel{
	background-color: #fff;
	color: #333;
	border-color: #ccc;
}
.layer_order{
	padding-left: 80px;
	position: relative;
}
.layer_order label{
	position: absolute;
	left: 0;
	top: 0;
}
.layer_order p{
	text-align: left;
}
.layer_notice h3.osTitle{
	color: #0b57a3;
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 6px;
	text-align: left;
	font-weight: normal;
}

/**
 * 购买课程-学员、课程列表页面
 */
.classMod{
	position: relative;
	padding-bottom: 0 !important;
	padding-right: 60px;
	line-height: 20px;
	text-align: left;
}
.classMod a{
	position: absolute;
	right: 0;
	top: 8px;
	color: #0b57a3;
}

.toPay{
	text-align: center;
	margin-top: 40px;
	position: fixed;
	bottom: 60px;
	left: 50%;
	transform: translate(-20%,-50%);
}
.toPay button{
	width: 160px;
	height: 40px;
	font-size: 16px;
	background-color: #0b57a3;
	color: #fff;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

/**
 * 购买课程-学员、课程列表页面
 */

/**
 * 购买课程-更换课程
 */
.courseCondition{
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-bottom: 20px;
	padding: 10px;
}

.courseCondition div{
	line-height: 32px;
}

.courseCondition div span{
	display: inline-block;
	padding: 0 10px;
	margin: 0 5px;
	cursor: pointer;
	border-radius: 4px;
}
.courseCondition div span.act,
.courseCondition div span:hover{
	background-color: #0b57a3;
	color: #fff;
}

.courseBox{
	float: left;
	width: 270px;
	min-height: 295px;
	text-align: center;
	margin: 0 18px 18px 18px;
}
.courseBox div{
	width: 270px;
}
.courseBox div img{
	width: 270px;
}
.courseBox p{
	text-align: center;
	line-height: 26px;
}
.courseBox .changed{
	width: 120px;
	height: 32px;
	background-color: #0b57a3;
	color: #fff;
	line-height: 32px;
	display: inline-block;
	margin-top: 8px;
	border-radius: 4px;
}
/**
 * 购买课程-更换课程
 */

/**
 * 购买课程-提交订单页面
 */
.buyContent{
	margin: 20px 0;
}
.buyContent > div h3{
	color: #0b57a3;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
}
.courseCont table{
	width: 100%;
}
.courseCont table thead{
	background-color: #ebebeb;
}
.courseCont table td{
	color: #666;
}
.courseCont table td.red{
	color: red;
}
.courseCont table td,
.courseCont table th{
	font-weight: normal;
	border: 1px solid #ccc;
	height: 32px;
	vertical-align: middle;
	text-align: center;
}
.courseCont table td a{
	color: #0b57a3;
}

.payType{
	margin-top: 20px;
}
.invoiceCont,
.typeCont{
	border: 1px solid #ccc;
}
.invoiceCont .invoiceTab,
.typeCont .typeTab{
	border-bottom: 1px solid #ccc;
	background-color: #f5f6fa;
	padding: 0 10px;
	padding-top: 10px;
	height: 36px;
}

.invoiceTab span,
.typeTab span{
	border: 1px solid #ccc;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom: none;
	padding: 0 16px;
	margin-top: 3px;
	line-height: 32px;
	cursor: pointer;
	display: inline-block;
	height: 34px;
	box-sizing: border-box;
}
.invoiceTab span.act,
.typeTab span.act{
	border-top: 3px solid #0b57a3;
	background-color: #fff;
}
.remittance,
.transfer,
.scene,
.online {
	margin-bottom: 10px;
	padding: 6px;
}
.remittance h4,
.transfer h4,
.scene h4,
.online h4{
	border-bottom: 1px solid #ccc;
	color: #666;
	font-size: 14px;
	padding: 10px 0 4px 10px;
	margin-bottom: 20px;
}
.remittance h4 span,
.transfer h4 span,
.scene h4 span,
.online h4 span{
	font-weight: normal;
}

.remittance label,
.transfer label,
.scene label,
.online label{
	display: inline-block;
	line-height: 60px;
	cursor: pointer;
}
.remittance label img,
.transfer label img,
.scene label img,
.online label img{
	height: 60px;
	border: 1px solid #ccc;
}
.typeList > div{
	display: none;
}
.typeList > div.act{
	display: block;
}

.gatheringInfo{
	margin: 0 10px;
	margin-top: 20px;
}
.gatheringInfo p{
	line-height: 30px;
}

.invoice{
	margin-top: 20px;
}
.invoice h3{
	position: relative;
	line-height: 24px;
}
.invoice h3 .switchBox{
	position: absolute;
	top: 1px;
	left: 80px;
	margin: 0;
}
.invoiceForm{
	padding: 6px;
}
.layer_left{
	float: left;
	width: 50%;
}
.layer_right{
	float: left;
	width: 50%;
}

.settle{
	margin-top: 20px;
}
.settleCont{
	padding: 10px;
	border: 1px solid #ccc;
}
.settleCont .layer_right,
.settleCont .totalMoney{
	text-align: right;
}
.discounts{
	font-weight: bold;
	color: #666;
	cursor: pointer;
}
.discounts i{
	margin-right: 6px;
}
.discounts span{
	color: orange;
	font-weight: normal;
}
.coupon{
	margin-top: 10px;
	padding: 10px;
	border: 1px solid #ccc;
}
.coupon p{
	margin-bottom: 6px;
}
.coupon p input{
	height: 30px;
	text-indent: 10px;
	width: 300px;
}
.coupon p button{
	width: 100px;
	height: 30px;
	color: #fff;
	background-color: #0b57a3;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}
.coupon span{
	color: orange;
}

.couponList{
	margin-top: 10px;
}
.couponList > div{
	width: 272px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid orange;
	padding: 10px;
	float: left;
	position: relative;
}
.couponList > div:before{
	content: '√';
	display: inline-block;
	position: absolute;
	bottom: 2px;
	right: 2px;
	color: orange;
}
.couponList p{
	color: #666;
	margin: 3px 0;
}
.couponList p span{
	float: right;
}
.particulars{
	color: #666;
}
.particulars span{
	color: orange;
}
.totalMoney{
	font-weight: bold;
	color: #666;
	font-size: 18px;
	margin-top: 20px;
}
.totalMoney span{
	color: red;
}
.osMoney{
	margin-top: 20px;
	float: right;
}
.osMoney p{
	font-size: 16px;
	margin-bottom: 6px;
	text-align: left !important;
}

/*温馨提示*/
.tips{
	border: 1px solid #d43f3a;
	background-color: #f2dede;
	color: #d43f3a;
	padding: 15px 20px;
	margin: 0 10px;
	margin-top: 20px;
}
.tips h5{
	font-size: 16px;
	margin-bottom: 5px;
}
.tips p{
	line-height: 20px;
}
.tips p strong{
	font-size: 24px;
	margin: 0 5px;
}

/*移除学员弹窗*/
.layer_table table{
	width: 100%;
}
.layer_table table th,
.layer_table table td{
	border: 1px solid #ccc;
	height: 30px;
	vertical-align: middle;
	text-align: right;
	padding-right: 20px;
	font-weight: normal;
}
/*移除学员弹窗*/

/* 开关 */
.switchBox{
	width: 60px;
	height: 24px;
	border-radius: 12px;
	background-color: #ccc;
	color: #fff;
	margin: 6px;
	font-size: 12px;
	line-height: 24px;
	position: relative;
	cursor: pointer;
	transition: all .2s;
}

.switchBox span{
	font-size: 12px;
	font-weight: normal;
	display: inline-block;
	width: 35px;
	height: 24px;
	text-indent: 0;
	text-align: center;
}

.switchBox .slid{
	display: inline-block;
	width: 22px;
	height: 22px;
	border-radius: 11px;
	background-color: #fff;
	position: absolute;
	top: 1px;
	left: 1px;
	transition: all .2s;
}

.switchBox span.open{
	float: left;
	display: none;
}
.switchBox span.shut{
	float: right;
	display: inline-block;
}

.switchBox.active{
	background-color: #5cb85c;
}

.switchBox.active .slid{
	left: 37px;
}

.switchBox.active .open{
	display: inline-block;
}
.switch.active .shut{
	display: none
}
/* 开关 */

.hide{
	display: none;
}

.companyHelpBanner{
	height: 597px;
	background: url(../images/b_banner.jpg?v=0.0.1) no-repeat center;
	background-size: cover;
}
.times{
	width: 1200px;
	margin: 80px auto;
}
.times img{
	width: 1200px;
}

.companyHelpCont{
	width: 1200px;
	margin: 0 auto;
}
.companyHelpCont div{
	margin: 80px 0;
}

.companyHelpCont div img{
	width: 1200px;
}

.helpMenu{
	position: fixed;
	right: 120px;
	top: 450px;
	width: 140px;
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: 0 0 6px #efefef;
}
.helpMenu div{
	padding: 14px;
	display: none;
}


.helpMenu div.act{
	display: block;
}

.helpMenu div a{
	display: block;
	text-align: center;
	padding: 10px 20px;
	min-height: 53px;
	font-size: 18px;
	background: url(../img/helpMenu.png) no-repeat bottom center;
	background-size: 30px;
}

.helpMenu div a.act{
	color: #0b57a3;
	background: url(../img/helpMenuAct.png) no-repeat bottom center;
	background-size: 30px;
}

.helpMenu div a:last-child{
	background: none;
}

.personHelpBanner{
	height: 500px;
	background: url(../images/p_banner.jpg?v=0.0.3) no-repeat center;
	background-size: cover;
}

.personImg div{
	min-width: 1126px;
    max-width: 1920px;
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
}

.personImg img{
	display: inline-block;
    width: 1920px;
    margin: 0 -100%;
    max-width: none;
}