body{background-color: #f2f2f2;}
.blue{color: #00afff;}
.flow{
	position: relative;
	margin: 0px auto;
	height: 70px;
	width: 60%;
	margin-bottom: 130px;
}
.flow .step{position: absolute; bottom: -36px; background-color: #fff;}
.flow .step .line{border-bottom: 1px dotted #c5c5c5; position: absolute; left: -6em; top: -6px; width: 6em;}
.flow .step2{left: 29%;}
.flow .step3{right: 29%;}
.flow .step4{right: 0;}
.flow .step .icon{display: block; width: 26px; height: 26px; margin: 0 auto;line-height: 26px; border-radius: 20px; background-color: #d3d3d3; color: #fff; text-align: center; font-size: 14px;}
.flow .step p{width: 5em; margin-top: 4px; text-align: center;}
.flow .step.active .icon{background-color: #00b0ff;}
.flow .step.active p{color: #00b0ff;}
.flow .step.active .line{border-bottom: 1px dotted #00b0ff;}
 .middle{
 	width: 343px;
 	margin: 0px auto;
 }
 .mainForm{
 	width: 670px;
 	margin: 0px auto;
 }
 #imgKey {
	width: 88px;
	height: 36px;
	margin-left: 7px;
	margin-top: 8px;
	margin-bottom: 6px;
}
#kapkey {
	vertical-align: top;
	font-size: 16px;
	width: 220px;
	border: none;
	outline: none;
	height: 50px;
	line-height: 22px;
	*
	height: 49px;
	*
	line-height: 50px;
}
#account,#kapkey{
	line-height: 22px;
	padding: 14px 0;
	height: 22px;
	*
	height: 21px;
	margin: 0;
	/* display: block; */
}
/*reset*/
span.error, span.otherError{
	display: block;
	margin-left: 0px;
	margin-bottom: 20px;
}

#container{width: 900px; margin: 0 auto;}
#content{background-color: #fff; padding-bottom: 50px; min-height: 500px;}
.header{display: flex; display: -webkit-flex; align-items:center; padding: 54px 0 26px;}
.header img{width: 260px;}
.header span{font-size: 2em; color: #00afff;}
.step4 .completeIcon{text-align: center;}
.step4 .middle p{text-align: center; font-size: 24px; color: black; line-height: 2;}
.step4 .middle .relogin{text-align: center; padding-top: 40px;}
.step4 .middle .relogin a{color: #00b0ff;}

.code .title{font-size: 16px;}
.code .header{align-items: flex-end;}
.code .header span{padding-left: 10px; color: #333; font-size: 20px;}
.code .content{padding-top: 100px;}
.code #cycode-box{padding: 0; width: 340px;}
.code .normalInput select{width: 100%; height: 44px; padding-left: 4px; border: none; background-color: #fff; outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.code #getCode{color: #00afff;}
.code .limited{text-align: center; line-height: 30px;}
.code .limited span{display: inline-block; width: 30px; height: 30px; margin-right: 20px; line-height: 30px; background-color: #ff6666; border-radius: 200px; color: #fff; font-size: 20px;}