.register-wrapper {
  width: 100%;
  height: calc(100vh - 130px);
  position: relative;
  background-image: url(./images/hty-signuP-background.png);
  overflow: auto;
}
.register-wrapper .register-content {
  width: 640px;
  height: auto;
  background-color: #ffffff;
  border-radius: 4px;
  margin: 0 auto;
}
.register-wrapper .register-content .register-content-inner {
  padding: 39px 110px 0;
}
.register-wrapper .register-content .register-content-inner .el-tabs__nav-wrap::after {
  height: 1px;
  background-color: #E4E7ED;
}
.register-wrapper .register-content .register-content-inner .el-tabs__item {
  padding-left: 30px;
  padding-right: 30px;
}
.register-wrapper .register-content .register-content-inner .el-tabs__item.is-active {
  color: #333;
}
.register-wrapper .register-content .register-content-inner .el-tabs__item:hover {
  color: #333;
}
.register-wrapper .register-content .register-content-inner .el-tabs__active-bar {
  background-color: #6462f3;
}
.register-wrapper .register-content .register-content-inner .el-tabs__nav {
  width: 100%;
}
.register-wrapper .register-content .register-content-inner .el-tabs__content {
  padding-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
}
.register-wrapper .register-content .register-content-inner .el-tabs__content .el-form-item {
  margin-bottom: 20px;
}
.register-wrapper .register-content .register-content-inner .el-tabs__content .el-form-item:last-child {
  margin-bottom: 10px;
}
.register-wrapper .register-content .register-content-inner .el-tabs__content .phoneNumber {
  position: relative;
}
.register-wrapper .register-content .register-content-inner .el-tabs__content .phoneNumber .linear {
  position: absolute;
  width: 1px;
  height: calc(100% - 6px);
  background: #c0c4cc;
  left: 130px;
  z-index: 10;
  top: 3px;
}
.register-wrapper .register-content .register-content-inner .el-tabs__content .phoneNumber .el-input__prefix {
  left: 1px;
}
.register-wrapper .register-content .register-content-inner .el-tabs__content .phoneNumber .el-input.card-box-input.qiantao > .el-input__inner {
  padding-left: 150px !important;
}
.register-wrapper .register-content .register-content-inner .el-tabs__content .phoneNumber .el-input.card-box-input.qiantao > .el-input__inner {
  padding-left: 150px !important;
}
.register-wrapper .register-content .register-content-inner .el-tabs__content .phoneNumber .inputText {
  position: relative;
}
.register-wrapper .register-content .register-content-inner .el-tabs__content .phoneNumber .inputText .el-input__inner {
  height: 34px;
  border: none;
  padding-left: 30px;
  padding-right: 0px;
  width: 130px;
  line-height: 1;
}
.register-wrapper .register-content .register-content-inner .el-tabs__content .verificationCode span.inputText {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 120px;
  border-left: 1px solid #C0C4CC;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: calc(100% - 10px);
}
.register-wrapper .register-content .register-content-inner .el-tabs__content .verificationCode span.inputText.active {
  letter-spacing: 0px;
  color: #4837f2;
  cursor: pointer;
}
.register-wrapper .register-content .register-content-inner .el-tabs__content .verificationCode .el-input__icon {
  position: absolute;
  top: 0px;
  right: 122px;
}
.register-wrapper .register-content .register-content-inner .el-tabs__content .error-notice {
  width: 100%;
  height: 30px;
  background-color: #ffdadd;
  border-radius: 8px;
  border: solid 1px #ff98a2;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding-left: 20px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
}
.register-wrapper .register-content .register-content-inner .el-tabs__content .error-notice i {
  color: #ff98a2;
  margin-right: 10px;
}
.register-wrapper .register-content .register-content-inner .el-tabs__content .notice {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #999999;
  text-align: left;
  display: flex;/*margin-top: -10px;*/
}
.register-wrapper .register-content .register-content-inner .readClause {
  color: #666666;
  text-align: left;
  margin-top: 20px;
  font-size: 12px;
}
.register-wrapper .register-content .register-content-inner .readClause .el-checkbox__input.is-checked .el-checkbox__inner,
.register-wrapper .register-content .register-content-inner .readClause .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #4837f2;
  border-color: #4837f2;
}
.register-wrapper .register-content .register-content-inner .readClause .clauseDetail {
  color: #4837f2;
  cursor: pointer;
  border-bottom: 1px solid #4837f2;
}
.register-wrapper .register-content .register-content-inner .submit-button {
  width: 100%;
  height: 51px;
  background-image: linear-gradient(-90deg, #658dfa 0%, #6464f3 100%);
  border-radius: 4px;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #fefefe;
  margin-top: 15px;
  cursor: pointer;
}
.register-wrapper .register-content .register-content-inner .aleadyHaveAccount {
  text-align: right;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #999999;
}
.register-wrapper .register-content .register-content-inner .aleadyHaveAccount span {
  color: #6462f3;
  cursor: pointer;
}
.card-box-input.verificationCode .el-input__inner {
  padding-right: 130px;
}

.register-wrapper .el-tabs__item {
	text-align: center;
}


@media screen\0{
	.register-wrapper .register-content {
		margin: 0;
	}
}

/* 这里ie10 以上特有的 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .register-wrapper .register-content .register-content-inner .el-tabs__content .phoneNumber .inputText .el-input__inner {
    background: none !important;
  }
  .register-wrapper .register-content .el-input.card-box-input.qiantao > .el-input__inner {
    padding-left: 150px !important;
  }
}



.el-icon-loading {
	font-size: 16px;
}

.el-form-item.is-error .el-input {
	background: rgba(250, 42, 45, 0.05);
}

.el-form-item.is-error .el-input .el-input__inner {
	background: transparent;
}

.inputText .submitdisabled  {
	opacity: 0.35;
	cursor: default;
}


/* 新增 */
@media (max-width: 500px) {
	body {
		min-width: auto !important;
	}

	.login {
		height: calc(100vh - 120px);
	}
	.register-wrapper {
		background: none;
		background-image:none;
		align-items: flex-start;
	}
	
	/* .register-wrapper .register-content {
		width: auto;
		height: auto;
	} */
	
	.register-wrapper .register-content .register-content-inner {
		/* padding: 27px 20px 0; */
		padding: 50px 20px 0;
	}
	
	.register-wrapper .el-tabs__header {
		margin: 0 0 20px;
	}
	
	.register-wrapper .register-content .register-content-inner .el-tabs__content {
		padding: 0px;
	}
	
	.register-wrapper .register-content .register-content-inner .readClause {
		margin-top: 20px;
	}
	
	.register-wrapper .register-content .register-content-inner .submit-button {
		height: 35px;
		font-size: 14px;
		margin-top: 20px;
	}
	
	.register-wrapper .register-content .register-content-inner .aleadyHaveAccount {
		margin-top: 45px;
	}
	
	
	.navHeader-wrapper {
		height: 60px;
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	}

	.navHeader-wrapper .navHeader-content {
		margin: 0 20px;
		padding: 10px 0px;
		box-sizing: border-box;
	}

	.navHeader-wrapper .navHeader-content>a {
		height: 100%;
	}

	.navHeader-wrapper .navHeader-content .content-logo {
		width: 83px;
		height: 100%;
	}

	.navHeader-wrapper .navHeader-content .content-logo img {
		height: 100%;
		margin-top: auto;
	}

	.navHeader-wrapper .navHeader-content .login-info .login-text {
		font-size: 14px;
	}

	.login .login-right {
		background: none;
	}

	.login .login-right .box-card {
		top: 0px;
		left: 0px;
		transform: none;
		right: 0;
		margin: 0;
		width: 100%;
		height: auto;
		background-color: #ffffff;
		box-shadow: none;
	}

	.login .login-right .box-card .box-card-inner {
		padding: 38px 20px 0px;
	}

	.login .login-right .box-card .box-card-inner h2 {
		width: 40px;
		text-align: center;
		line-height: 1;
		font-size: 16px;
		border-bottom: 2px solid #6462f3;
		border-radius: 1px;
		padding: 0;
		padding-bottom: 15px;
	}

	.login .login-right .box-card .box-card-inner .loginForm {
		margin-top: 32px;
	}

	.login .login-right .box-card .box-card-inner .loginForm .submit-button {
		margin-top: 30px;
		height: 45px;
	}

	.login .login-right .box-card .box-card-inner .loginForm .submit-button.submitdisabled {
		opacity: .38;
	}

	.login .login-right .el-form-item {
		margin-bottom: 20px;
	}

	.login .login-right .box-card .box-card-inner .otherOpeartion {
		font-size: 12px;
	}

	.mobile-footer {
		position: fixed;
		align-items: center;
		height: 59px;
		background: #F7F8FA;
		font-size: 12px;
		color: #666666;
		line-height: 16px;
		padding: 0px 25px;
		bottom: 0px;
		z-index: 999;
		text-align: center;
	}

	.login .el-form .el-input__inner {
		height: 40px;
		line-height: 40px;
	}
}