.flow{
	margin: 0px auto;
	height: 70px;
	width:  840px;
	margin-top: 150px;
    margin-bottom: 60px;
	overflow: hidden;
}
.flow i{
	background: url(/resources/uc/web/member/images/step.png) no-repeat;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/uc/web/member/images/step.png');
}
.flow .contact{
	background: url(/resources/uc/web/member/images/step2.png) no-repeat;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/uc/web/member/images/step2.png');
}
 .middle{
 	width: 320px;
 	margin: 0px auto;
 }
 .mainForm{
 	width: 670px;
 	margin: 0px auto;

 }
 #imgKey {
	width: 70px;
	height: 30px;
	margin-left: 7px;
	margin-top: 7px;
}
#kapkey {
	vertical-align: top;
	font-size: 16px;
	width: 200px;
	border: none;
	outline: none;
	height: 50px;
	line-height: 22px;
	*height: 49px;
	*line-height: 50px;
}
#account,#kapkey{
	line-height: 22px;
	padding: 8px 0;
	height: 22px;
	*height: 21px;
}
/*reset*/
span.error, span.otherError{
	display: block;
	margin-left: 0px;
	margin-bottom: 20px;
}

.contact-wrap{width: 623px;margin: 0px auto;position: relative;}
.net-err{font-size: 16px;margin-bottom: 15px;color: #333333;text-align: center;}
.contact-link{font-size: 14px;color: #999999;display: inline-block;}
.contact-list{margin-top: 37px;}
.btn{    width: 113px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
    background: #fff;
    border: solid 1px #999999;
    font-size: 14px;
    padding: 10px 10px;
    color: #999999;
    margin-right: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
    text-align: center;}
.btn.select{background: #32a5e7;color: #fff !important;border: solid 1px #fff !important;}
.btn:hover{border: solid 1px #32a5e7;color: #32a5e7;}
.next{margin-bottom: 180px;display: block;cursor: pointer;background: #32a5e7;height: 38px;color: #fff !important;border-radius: 4px;width: 145px;margin: 0px auto;line-height: 38px;text-align: center;margin-top: 60px;    margin-bottom: 180px;}
.error{color: #ff3333;display: inline-block;}
.replacement{display: inline-block;float: right;color: #32a5e7;cursor: pointer;margin-right: 20px;}
.hide{display: none !important}
@font-face {font-family: "iconfont";
  src: url('/resources/uc/web/base/font/iconfont.eot?t=1487157426491'); /* IE9*/
  src: url('/resources/uc/web/base/font/iconfont.eot?t=1487157426491#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/resources/uc/web/base/font/iconfont.woff?t=1487157426491') format('woff'), /* chrome, firefox */
  url('/resources/uc/web/base/font/iconfont.ttf?t=1487157426491') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('/resources/uc/web/base/font/iconfont.svg?t=1487157426491#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:167px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  text-align: center;
  width: 167px;
  margin: 0px auto;
}

.icon-warn:before { content: "\e646";color: #e5e5e5;margin-right: 10px;}
.cycode-container{top:40px !important;}
.lineWrap{margin-bottom: 77px}
.error-gray{width: 100%;display: block;text-align: center;}
.error-gray .error{color: #999999;}
.complain-way{position: absolute;bottom: -40px;width: 100%;text-align: center;color: #32a5e7}