/******填写订单页面开始******/
/*进度条*/
.container .stepBar{
	position: relative;
	height: 100px;
	background: url(../img/progress_bar.png) no-repeat;
}
.container .stepBar .stepActive1{
	position: absolute;
	top: 24px;
	left: 0;
	width: 400px;
	height: 17px;
	background: url(../img/step_active.png) no-repeat;
}
.container .stepBar .stepActive2{
	position: absolute;
	top: 24px;
	left: 0;
	width: 800px;
	height: 17px;
	background: url(../img/step_active.png) no-repeat;
}
.container .stepBar .stepActive3{
	width: 1200px;
}
.container .stepBar ul{
	position: absolute;
	top: 10px;
	z-index: 10;
}
.container .stepBar ul li{
	float: left;
	width: 400px;
	text-align: center;
}
.container .stepBar ul li span{
	width: 48px;
	height: 48px;
	line-height: 48px;
	background: url(../img/step_circle.png) no-repeat;
	display: block;
	margin: 0 auto;
    font-family: Arial;
    font-size: 26px;
    font-weight: bold;
    color: #fff;
}
.container .stepBar ul li p{
	font-size: 18px;
	color: #333;
	margin-top: 16px;
}
.container .stepBar ul li.active span{
	background: url(../img/step_active_circle.png) no-repeat;
}
.container .stepBar ul li.active p{
	color: #5987ed;
}

/*订单详情*/
.container .orderInfo{
	background: #fff;
	margin-top: 30px;
	padding-bottom: 40px;
}
.container .orderInfo .title{
	background: #ebebeb;
}
.container .orderInfo .title h4{
	width: 176px;
	height: 46px;
	line-height: 46px;
	font-size: 16px;
	color: #333;
	border-top: 2px solid #5987ed;
	text-align: center;
	background: #fff;
}
.container .orderInfo table{
	border: 1px solid #eaeaea;
	margin: 30px auto 0;
}
.container .orderInfo table tr{
	height: 60px;
	font-size: 14px;
	color: #666;
}
.container .orderInfo table tr.tableHeader{
	height: 46px;
	background: #5987ed;
	font-size: 16px;
	color: #fff;
}
.container .orderInfo table tr td{
	text-align: center;
	border: 1px solid #eaeaea;
}
.container .orderInfo table tr td.bold{
	font-weight: bold;
}
.container .orderInfo table tr td a{
	color: #ffad2b;
}
.container .orderInfo table tr td a:hover{
	text-decoration: underline;
}

/*学员信息*/
.container .xyxx{
	background: #fff;
	margin-top: 30px;
}
.container .xyxx .title{
	background: #ebebeb;
}
.container .xyxx .title h4{
	width: 176px;
	height: 46px;
	line-height: 46px;
	font-size: 16px;
	color: #333;
	border-top: 2px solid #5987ed;
	text-align: center;
	background: #fff;
}
.container .xyxx ul{
	padding: 20px;
}
.container .xyxx ul li{
	float: left;
	width: 94px;
	line-height: 34px;
	border: 1px solid #5987ed;
	text-align: center;
	margin: 10px;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
}
.container .xyxx ul li a{
	font-size: 15px;
	font-weight: bold;
	color: #5987ed;
	display: block;
	-webkit-transition: all .35s;
	   -moz-transition: all .35s;
		-ms-transition: all .35s;
		 -o-transition: all .35s;
			transition: all .35s;
}
.container .xyxx ul li a:hover{
	color: #fff;
	background: #5987ed;
}

/*填写报名信息*/
.container .applyInfo{
	background: #fff;
	margin-top: 30px;
	padding-bottom: 15px;
}
.container .applyInfo .title{
	background: #ebebeb;
}
.container .applyInfo .title h4{
	width: 176px;
	height: 46px;
	line-height: 46px;
	font-size: 16px;
	color: #333;
	border-top: 2px solid #5987ed;
	text-align: center;
	background: #fff;
}
.container .applyInfo .form{
	margin-top: 30px;
	margin-left: 30px;
	font-size: 16px;
	color: #333;
}
.container .applyInfo .form p{
	height: 30px;
	line-height: 30px;
	margin-bottom: 25px;
}
.container .applyInfo .form p strong{
	font-size: 16px;
	float: left;
	color: #f22929;
}
.container .applyInfo .form p span{
	float: left;
	width: 88px;
	text-align: right;
}
.container .applyInfo .form p input{
	width: 165px;
	height: 28px;
	line-height: 28px;
	border: 1px solid #8f8f8f;
	text-indent: 5px;
	margin-left: 20px;
	font-size: 15px;
	font-family:'Microsoft YaHei';
	color: #333;
}
.container .applyInfo .form p input.email{
	width: 234px;
}
.container .applyInfo .form p input.sfz{
	width: 204px;
}
.container .applyInfo .form p input.address{
	width: 408px;
}
.container .applyInfo .form p i{
	font-size: 14px;
	font-style: normal;
	color: #5987ed;
	margin-left: 15px;
}



/*使用优惠卡*/
.container .preferentialCard{
	height: 130px;
	border-top: 2px solid #5987ed;
	background: #fff;
	margin-top: 30px;
	padding: 0 25px;
}
.container .preferentialCard h4{
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	color: #333;
	border-bottom: 1px dashed #eee;
}
.container .preferentialCard p{
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #333;
	margin-top: 24px;
}
.container .preferentialCard p span{
	float: left;
	width: 80px;
	text-align: center;
	margin-right: 10px;
}
.container .preferentialCard p input{
	float: left;
	width: 220px;
	height: 28px;
	line-height: 28px;
	border: 1px solid #8f8f8f;
	font-size: 16px;
	font-family:'Microsoft YaHei';
	color: #333;
	text-indent: 5px;
}
.container .preferentialCard p i{
	font-size: 14px;
	font-style: normal;
	color: #5987ed;
	margin-left: 15px;
}

/*选择支付方式*/
.container .payment{
	background: #fff;
	margin-top: 30px;
	padding-bottom: 40px;
}
.container .payment .title{
	background: #ebebeb;
}
.container .payment .title h4{
	width: 176px;
	height: 46px;
	line-height: 46px;
	font-size: 16px;
	color: #333;
	border-top: 2px solid #5987ed;
	text-align: center;
	background: #fff;
}
.container .payment .zffs{
	width: 1140px;
	margin: 30px auto 0;
}
.container .payment .zffs .tit{
	float: left;
	width: 160px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	font-weight: normal;
	color: #333;
	text-align: right;
}
.container .payment .zffs ul{
	float: left;
	width: 980px;
}
.container .payment .zffs ul li{
	float: left;
	width: 170px;
	height: 40px;
	margin: 0 12px 20px;
}
.container .payment .zffs ul li label{
	float:left;
	width: 20px;
	height: 40px;
	cursor:pointer;
	background: url(../img/radio.png) center no-repeat;
}
.container .payment .zffs ul li label.checked{
	background: url(../img/radio_checked.png) center no-repeat;
}
.container .payment .zffs ul li label input{
	position: absolute;
	left: -9999px;
}
.container .payment .zffs ul li label span{
	padding-left: 30px;
	width: 140px;
	height: 40px;
	display: block;
}
.container .payment .zffs ul li label .jtyhImg{
	background: url(../img/jtyh.jpg) right no-repeat;
}
.container .payment .zffs ul li label .zgyhImg{
	background: url(../img/zgyh.jpg) right no-repeat;
}
.container .payment .zffs ul li label .gsyhImg{
	background: url(../imgs/gsyh.jpg) right no-repeat;
}
.container .payment .zffs ul li label .nyyhImg{
	background: url(../imgs/nyyh.jpg) right no-repeat;
}
.container .payment .zffs ul li label .zsyhImg{
	background: url(../imgs/zsyh.jpg) right no-repeat;
}
.container .payment .zffs ul li label .jsyhImg{
	background: url(../imgs/jsyh.jpg) right no-repeat;
}
.container .payment .zffs ul li label .zgyzImg{
	background: url(../imgs/zgyz.jpg) right no-repeat;
}
.container .payment .zffs ul li label .gdyhImg{
	background: url(../imgs/gdyh.jpg) right no-repeat;
}
.container .payment .zffs ul li label .xyyhImg{
	background: url(../imgs/xyyh.jpg) right no-repeat;
}
.container .payment .zffs ul li label .msyhImg{
	background: url(../imgs/msyh.jpg) right no-repeat;
}
.container .payment .zffs ul li label .gfyhImg{
	background: url(../imgs/gfyh.jpg) right no-repeat;
}
.container .payment .zffs ul li label .hxyhImg{
	background: url(../imgs/hxyh.jpg) right no-repeat;
}
.container .payment .zffs ul li label .zxyhImg{
	background: url(../imgs/zxyh.jpg) right no-repeat;
}
.container .payment .zffs ul li label .pfyhImg{
	background: url(../imgs/pfyh.jpg) right no-repeat;
}

.container .payment .zffs ul li label .zgylImg{
	background: url(../imgs/zgyl.jpg) right no-repeat;
}
.container .payment .zffs ul li label .zfbImg{
	background: url(../imgs/zfb.jpg) right no-repeat;
}
.container .payment .zffs ul li label .lklImg{
	background: url(../imgs/lkl.jpg) right no-repeat;
}

.container .payment .zffs .ylkjzf .ylkjzfR{
	float: left;
}
.container .payment .zffs .ylkjzf .ylkjzfR p{
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	color: #666;
	text-indent: 12px;
	margin-bottom: 10px;
}
.container .payment .zffs .zfptzf,
.container .payment .zffs .lklzf{
	margin-top: 10px;
}
.container .payment .zffs .zfptzf .zfb{
	width: 100%;
}
.container .payment .zffs .zfptzf .zfb p{
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	color: #666;
	padding-left: 210px;
}

.container .payment .zffs .zhhk ul li{
	width: 465px;
	height: 110px;
}
.container .payment .zffs .zhhk ul li label p{
	width: 430px;
	padding-left: 30px;
	padding-top: 7px;
	line-height: 26px;
	font-size: 15px;
	color: #666;
}

.container .payment .tip{
	width: 1108px;
	border: 1px dashed #ffad2b;
	margin: 20px auto 40px;
	padding: 10px 15px;
}
.container .payment .tip h5{
	font-size: 16px;
	color: #333;
	margin-bottom: 5px;
}
.container .payment .tip p{
	font-size: 14px;
	color: #666;
}
.container .payment .btn{
	width: 560px;
	height: 40px;
	margin: 0 auto;
}
.container .payment .btn a{
	width: 160px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
			border-radius: 6px;
}
.container .payment .btn .reset1{
	float: left;
	background: #5987ed;
} 
.container .payment .btn .reset1:hover{
	background: #0d3387;
}
.container .payment .btn .submit1{
	float: right;
	background: #f22929;
}
.container .payment .btn .submit1:hover{
	background: #c00101;
}

/******填写订单页面结束******/


/******确认订单页面开始******/
.container .detailOrder .qrInfo{
	width: 1140px;
	margin: auto;
}
.container .detailOrder .qrInfo h5{
	font-size: 16px;
	color: #ffad2b;
	margin: 26px 0 10px;
}
.container .detailOrder .qrInfo h5 span{
	color: #333;
}
.container .detailOrder .qrInfo ul li{
	float: left;
	width: 340px;
	font-size: 14px;
	color: #666;
	line-height: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.container .detailOrder .qrInfo ul li.address{
	width: 680px;
}
.container .detailOrder .btn .reset2{
	float: left;
	background: #5987ed;
} 
.container .detailOrder .btn .reset2:hover{
	background: #0d3387;
}
.container .detailOrder .btn .submit2{
	float: right;
	background: #f22929;
}
.container .detailOrder .btn .submit2:hover{
	background: #c00101;
}

/******确认订单页面结束******/


/******完成订单页面开始******/
.container .succeed{
	border-top: 2px solid #5987ed;
	background: #fff;
	margin-top: 30px;
	text-align: center;
	padding-bottom: 30px;
}
.container .succeed img{
	width: 60px;
	margin: 30px auto 10px;
}
.container .succeed h4{
	font-size: 24px;
	color: #ffad2b;
	margin-bottom: 5px;
}
.container .succeed p{
	font-size: 18px;
	color: #ffad2b;
}
.container .detailOrder .qrInfo h5 span.color{
	color: #ffad2b;
}

/******完成订单页面结束******/