.register-box{border-top: 2px solid #f7f3f3;}
.register-box .register-step{text-align: center;height:32px;font-size:10px;width:640px;margin: 0 auto;margin-top: 60px;color:rgba(144,143,143,0.5);}
.register-box .register-step ul{display: flex; justify-content: center; align-items: center;}
.register-box .register-step ul li {padding: 0 2px;height: 32px;font-size: 14px; display: flex; align-items: center;}
.register-box .register-step .line{display: inline-block;width: 44px;height: 1px;border:none;border-top: 1px solid #C8C8C8;margin-left: 5px;}
.register-box .register-step .buzhounum{margin:0 4px 0px 4px;font-style: normal; width: 18px;height: 18px;display: inline-block; border-radius: 50%; color: #fff; background: #c8c8c8;}
.register-box .register-step .active .buzhounum{background: #588ac1;}
.register-box .register-step .active{color: #588ac1}
.register-box .register-step .active .line{border-color: #588ac1}

.buzhou {margin: 64px 0 110px;}
.diyibu .diyibu_item {position: relative; color: #588ac1; width: 200px;height: 140px;border: 1px solid #eee; text-align: center; cursor: pointer; font-size: 14px; background: rgba(234,234,234,0.41);}
.diyibu .diyibu_item i{font-size: 50px;font-weight: bold; margin-top: 28px; display: block;}
.diyibu .diyibu_item p{font-size: 18px;margin-top: 5px;}
.diyibu .diyibu_item.active{background-color: #588ac1; color: #fff; border: none; border-bottom: 5px #fff solid; box-shadow: 0 1px 10px 0 rgb(6 116 84 / 34%), 0 -4px 0 0 rgb(255 255 255);}

.form-step{}
.form-step .remember{margin: 120px auto 20px; display: block; text-align: center;}
.form-step button,.form-step a.btn{border: none; font-size: 24px; color: #FFFFFF; display: block; height: 54px; line-height: 54px; width: 234px; border-radius: 27px; background-color: #588ac1;}
.form-step button:disabled {background-color: #C8C8C8;}
.form-step button.reset-a{background: transparent;color: #666;font-size: 17px;width: 40px;}

.register-box  .filePicker {
  position: relative;
}
.register-box .filePicker input {
  display: none;
}

.register-form-wrap .register-form{position:relative;}
.register-form-wrap .register-form .register-company-info,.register-form-wrap .register-form .personal-info{float: inherit;padding-top: 76px; padding-bottom: 40px;position:relative;width:640px;min-height:436px;background:rgba(247,247,247,0.41);margin:0 auto;margin-top:21px;}
.register-form-wrap .register-form .register-company-info-supplier,.register-form-wrap .register-form .personal-info{float: inherit;padding-top: 76px;position:relative;width:640px;background:rgba(247,247,247,0.41);margin:0 auto;margin-top:21px;}
.register-form-wrap .register-form .success-info .icon_suff{float:left;display: inline-block;background-image: url("../../image/icon_suff.png") ; height: 113px;width: 113px; }
.register-form-wrap .register-form .success-info {width: 640px;margin: 0 auto;padding-top:72px;}
.register-form-wrap .register-form .success-info .success{float:left;margin-left: 26px;color:#0D0D0D;font-size:44px;display: inline-block;height: 113px;line-height: 113px;}
.register-form-wrap .register-form .success-info .success-msg{letter-spacing: 1px;margin-top:44px;padding: 23px;color:#272727;font-size: 14px;box-shadow: 0  -1px 0  rgba(200,200,200,1);}
.register-form-wrap .register-form .success-info .success-msg .red{color:#FF1414; }
.register-form-wrap .register-form .success-info .success-msg .green{color: #4165FF;}
.register-form-wrap .register-form .form-step{width: 640px;margin: 0 auto;margin-bottom: 130px;text-align: center;margin-top: 44px;height: 54px;line-height: 54px;}
.register-form-wrap .register-form .form-step .form-content a{margin:0 39px;border:none;font-size:24px;color:#FFFFFF;height: 54px;line-height: 54px;width: 234px; text-align: center;border-radius:27px;background-color: #588ac1}
.register-form-wrap .register-form .form-step .form-content{width: 100%;height: auto;}
/*.register-form-wrap .register-form .form-step button{margin-right: 78px;}*/
.register-form-wrap .register-form .form-step button:disabled{background-color: #C8C8C8;}
.register-form-wrap .register-form .form-step .form-content a {border: none; color: #4165FF;font-size: 14px;margin-left: 34px;position: absolute;top: 0;right: -14px;}
.register-form-wrap .register-form .form-step .form-content a.agreement {color: #4165FF;}
.register-form-wrap .register-form .personal-info .info-title{top:2px;}
.register-form-wrap .register-form .register-company-info{clear: both;}
.register-form-wrap .register-form .info-title{position:absolute;left:-284px;top:43px;font-size:18px;font-weight:500;}
.register-form-wrap .register-form .form-item{position:relative;margin-bottom:44px;width:100%;clear:both;}
.register-form-wrap .register-form .form-item .margin-auto{width:425px;margin:0 auto;}
.register-form-wrap .register-form .is-uniformity{margin-bottom:0;height:28px;}
.register-form-wrap .register-form .is-uniformity .form-label{height:auto;}
.register-form-wrap .register-form .is-uniformity .uniformity{height:auto;}
.register-form-wrap .register-form .is-uniformity input{position:relative;top:-1px;vertical-align:middle;}
.register-form-wrap .register-form .is-uniformity label{font-size:13px;}
.register-form-wrap .register-form .form-label{display:inline-block;text-align:right;height:38px;line-height:38px;width:178px;margin-right:20px;vertical-align:top;font-size:18px;color: #272727}
.register-form-wrap .register-form .form-label .redTips{color:red;vertical-align: sub;margin-right: 2px;}
.register-form-wrap .register-form .form-content{display:block;display:inline-block;position:relative;width:315px;}
.register-form-wrap .register-form .licence{width: 350px;}
.register-form-wrap .register-form .form-content.concerned-content{line-height:36px;background:#F8F8F8;border:1px solid #DDD;border-radius:4px;color:#333333;}
.register-form-wrap .register-form .form-content.concerned-content:hover{border:1px solid #01B382;}
.register-form-wrap .register-form .form-content .form-select{display: block;
    height: 38px;
    width: 100%;
    margin-bottom: 10px;
    border-radius: 3px;
    border: 1px solid #cfcfcf;}
.register-form-wrap .register-form .form-content .form-input{width:100%;height:38px;line-height:38px;padding-left:12px;border-radius:3px;border:1px solid #C8C8C8}
.has-error>input,.has-error>select{border:1px solid #f00 !important;}
.register-form-wrap .register-form .form-content .form-input.codeInput,.register-form-wrap .register-form .form-content .form-input.phoneTextCode{width:165px;}
.register-form-wrap .register-form .form-content .form-input:focus,.register-form-wrap .register-form .form-content .form-input:hover{}
.register-form-wrap .register-form .form-content .verify-code{display:inline-block;vertical-align:top;margin-left:9px;width:130px;height:36px;cursor:pointer;}
.register-form-wrap .register-form .form-content .verify-code img{width:100%;}
.register-form-wrap .register-form .form-content .getCode{display:inline-block;width:118px;height:34px;vertical-align:top;margin-left:23px; margin-top:2px;background-color:#588ac1;color:#FFFFFF;border:none;text-align:center;line-height:36px;font-size:14px;border-radius:18px;cursor:pointer;white-space:nowrap;}
.register-form-wrap .register-form .form-content .getCode[disabled]{color:#FFFFFF;cursor:default;}
.register-form-wrap .register-form .form-content .getCodeOnly{display:inline-block;width:118px;height:34px;vertical-align:top;margin-left:23px; margin-top:2px;background-color:#588ac1;color:#FFFFFF;border:none;text-align:center;line-height:36px;font-size:14px;border-radius:18px;cursor:pointer;white-space:nowrap;}
.register-form-wrap .register-form .form-content .getCodeOnly[disabled]{color:#FFFFFF;cursor:default;}
.register-form-wrap .register-form .form-content .getCaptcha{display:inline-block;width:118px;height:34px;vertical-align:top;margin-left:23px; margin-top:2px;background-color:#588ac1;color:#FFFFFF;border:none;text-align:center;line-height:36px;font-size:14px;cursor:pointer;white-space:nowrap;}
.register-form-wrap .register-form .form-content .getCaptcha[disabled]{color:#FFFFFF;cursor:default;}

.register-form-wrap .register-form .form-content .register-now{width:320px;height:36px;line-height:36px;text-align:center;color:#fff;font-size:16px;border-radius:18px;background-color:#588ac1;cursor:pointer;border:0;}
.register-form-wrap .register-form .form-content .register-now:hover{background:#01805d;}
.register-form-wrap .register-form .form-content .register-now[disabled="disabled"]{border:1px solid #dddddd;color:#999999;background-color:#f3f3f3;}
.register-form-wrap .register-form .form-content .change{position:absolute;cursor:pointer;color:#0066cc;}
.register-form-wrap .register-form .form-content .phone-email-change{top:40px;right:0;}
.register-form-wrap .register-form .form-content .email-phone-change{top:40px;right:0;}
.register-form-wrap .register-form .form-content.select-box{overflow:visible;white-space:nowrap;padding-left:0;}
.register-form-wrap .register-form .form-content.select-box option{color:#333;}
.register-form-wrap .register-form .form-content.select-box option.default-option{color:#ccc;}
.register-form-wrap .register-form .form-content.select-box .selThird,.register-form-wrap .register-form .form-content.select-box .company-property{width:154px;height:36px;line-height:36px;color:#ccc;border:1px solid #ddd;border-radius:4px;outline:0;font-size:14px;background-color:#F8F8F8;}
.register-form-wrap .register-form .form-content.select-box .selThird.active,.register-form-wrap .register-form .form-content.select-box .company-property.active{color:#333;}
.register-form-wrap .register-form .form-content.select-box .selThird{width:154px;margin-right:9px;}
.register-form-wrap .register-form .form-content.choose-trade{vertical-align:middle;}
.register-form-wrap .register-form .form-content .trade-yes,.register-form-wrap .register-form .form-content .trade-no{display:inline-block;float:left;margin-top:2px;width:88px;height:34px;line-height:34px;text-align:center;cursor:pointer;background-color: #DEDEDE;border-radius: 3px;font-size: 18px;}
.register-form-wrap .register-form .form-content .trade-yes.chose,.register-form-wrap .register-form .form-content .trade-no.chose{position: relative;border:2px solid #588ac1;color:#588ac1;background:rgba(255,255,255,0.41);}
.register-form-wrap .register-form .form-content .trade-yes.chose:after, .register-form-wrap .register-form .form-content .trade-no.chose:after{content: '';border-left: 13px solid transparent;height: 0;width: 0;border-bottom: 14px solid #588ac1;display: inline-block;position: absolute;bottom: 0;right: 0;}
.register-form-wrap .register-form .form-content .trade-yes{margin-right: 24px;}
.register-form-wrap .register-form .form-content .imageShowArea{width:70px;height:45px;background-color: rgba(247,247,247,0.41);top:0;left:0;cursor:pointer;background:url('../../image/icon_add picture.png') no-repeat;}
.register-form-wrap .register-form .form-content .imageShowText{display:inline-block;color:#C8C8C8;font-size: 14px;margin-top: 9px;}
.register-form-wrap .register-form .imageShowText2{display:inline-block;color:#C8C8C8;font-size: 14px;margin-top: 9px;margin-left: 210px;}
.register-form-wrap .register-form .imageShowTextUrl{width:300px;display:inline-block;color:#C8C8C8;font-size: 14px;margin-top: 9px;margin-left: 200px;}
.register-form-wrap .register-form .form-content .register-message{position:absolute;top:-24px;padding-left: 21px;left:0;height:18px;line-height:18px;color:red;font-size:14px;white-space:nowrap;}
.register-form-wrap .register-form .form-content .company-tip-msg{position:absolute;top:36px;left:0;line-height: 18px;color: #4165FF;width: 440px;height: 18px;margin-top: 6px;}
.register-form-wrap .register-form .form-content.ehsy-valid-class-minLength .register-message,.register-form-wrap .register-form .form-content.ehsy-valid-class-maxLength .register-message,.register-form-wrap .register-form .form-content.ehsy-valid-class-validation .register-message,.register-form-wrap .register-form .form-content.ehsy-valid-class-reg .register-message{color:#01b382;}
.register-form-wrap .register-form .form-content.ehsy-valid-class-required input{border:1px solid red;}
.register-form-wrap .register-form .form-content.ehsy-valid-class-ev-blur input{border:1px solid red;}
.register-form-wrap .register-form .form-content.ehsy-valid-class-ev-blur .register-message{color:red;}
.register-form-wrap .register-form .form-content.licence .register-message,.register-form-wrap .register-form .form-content.concerned-content .register-message,.register-form-wrap .register-form .form-content.agreement .register-message{margin:0;}
.register-form-wrap .register-form .form-content.name .register-message{width:320px;white-space:normal;line-height:18px;}
.register-form-wrap .register-form .chosen-content{display:inline-block;width:310px;height:34px;border:none;outline:none;padding-left:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer;}
.register-form-wrap .register-form .concerned-checkbox{display:none;position:absolute;top:40px;left:125px;padding:16px;width:320px;min-height:270px;z-index:9999;border:1px solid #DDD;border-radius:4px;background:#FFF;box-shadow:0 0 3px 2px #DDD;font-size:0;}
.register-form-wrap .register-form .each-checkbox{position:relative;display:inline-block;margin:5px 0 15px 5px;width:90px;height:20px;line-height:20px;font-size:14px;}
.register-form-wrap .register-form .each-checkbox span{display:inline-block;width:70px;line-height:15px;margin-left:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.register-form-wrap .register-form .concerned-checkbox input{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);position:absolute;}
.register-form-wrap .register-form .concerned-checkbox input + label.label-selected{background-image:url(../../image/ico_check-checked.png);}
.register-form-wrap .register-form .concerned-checkbox label{display:inline-block;position:absolute;background-image:url(../../image/ico_check.png);background-repeat:no-repeat;background-size:15px 15px;height:15px;width:90px;margin-bottom:2px;cursor:pointer;}
.register-form-wrap .register-form .concerned-checkbox label.label-checked{background-image:url(../../image/ico_check-checked.png);}
.register-form-wrap .register-form .agreement a{color:#0066cc;}
.register-form-wrap .register-form.phone-btn .ehsy-validation-message,.register-form-wrap .register-form.email-btn .ehsy-validation-message,.register-form-wrap .register-form.emailSubmitButton .ehsy-validation-message,.register-form-wrap .register-form.phoneSubmitButton .ehsy-validation-message{bottom:41px;}
.register-form-wrap .fake-area{position:absolute;top:600px;left:468px;width:109px;height:109px;opacity:0;filter:alpha(opacity=0);}
.register-form-wrap .fake-area #auth-image{width:109px;height:109px;border:1px dashed #ddd;cursor:pointer;}
.select-icon{width:10px;height:36px;margin-left:-10px;vertical-align:middle;display:inline-block;}
select{padding:0 10px;padding:0\9;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.register-box{margin-top: 40px;}
.validate-tip{color:#FF1414 !important;}
.validate-error{color:#FF1414 !important;}


.site_singup {
	margin: 20px auto;
	background-color: #fff;
	width: 520px;
	border-radius: 5px;
	.singup-box {
		background: #fff;
		margin: 0 auto;
		padding: 50px 0px 10px;
	}
	.singup-box p.title {
		margin: 0 auto;
		color: #666;
		text-align: center;
		font-size: 20px;
		padding: 10px;
		background: #f3f3f3;
		cursor: pointer;
		&.on {
			background: #588bc2;
			color: #fff;
		}
	}
	.form-box {
	}
}

		.zc_item {
			margin-bottom: 20px;
			.zc_item_input {
    position: relative;display: flex;
    align-items: center;
				.zc_item_title {
		float: left;width: 100px;
		margin-top: 4px;
		height: 32px;
		line-height: 32px;
		border-right: 0;
		text-align: right;
		margin-right: 10px;
					em {
						color: #e7350d;
						font-size: 14px;
						margin-right: 4px;
					}
				}
				.zc_input {
					width: 240px;
					padding-left: 10px;
					padding-right: 20px;
					margin-top: 4px;
					font-size: 14px;
					border: 1px solid #ccc;
					border-radius: 6px;
					height: 32px;
					line-height: 32px;
					box-sizing: border-box;
				}
				.hint{width: 480px;
color: #ccc;
position: absolute;
top: 48px;
font-size: 12px;
				}
				 .zc_btn02 {
				 	float: left;
				 	width: 100px;
				 	height: 32px;
				 	line-height: 32px;
				 	text-align: center;
				 	margin-top: 4px;
				 	margin-left: 10px;
				 	background: #4796ED;
				 	color: #fff;
				 	border-radius: 6px;
				 }
					.img_yzm {
					    float: left;
					    vertical-align: top;
					    width: 100px;
					    height: 32px;
					    margin-left: 4px;
					    margin-right: 4px;
					}
				.normal_alink {
				    float: left;
				    height: 32px;
				    line-height: 32px;
				    vertical-align: middle;
				    color: #439bdb;
				    text-decoration: none; font-size: 12px;
				}
				.text_yzm {
				    float: left;
				    width: 240px;
				    height: 32px;
				    border: 1px solid #ccc;
				    padding: 0 10px;
				    border-radius: 6px;
				}

			}
		}

				.zc_btn_big {
					width: 180px;
				    height: 46px;
				    line-height: 46px;
				    background: #E8350D;
				    color: #fff;
				    font-size: 18px;
				    letter-spacing: 2px;
				    margin-bottom: 20px;
				    border-radius: 23px;
				    border: none;
				}