html,
body {
	height: 100%;
}

input[type=number] {
	-moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

li {
	list-style-type: none;
}

a {
	text-decoration: none;
}

.register {
	background: url(../images/register/1.png) right 77px top 0px / 331px 120px no-repeat, 
	url(../images/register/2.png) left 0px top 483px / 370px 494px no-repeat, 
	url(../images/register/3.png) right 60px top 624px / 740px 425px no-repeat, 
	url(../images/register/bg1.png) 0px 0px / 100% 100% no-repeat, 
	url(../images/register/bg2.jpg) 0px center / 100% 100% no-repeat, 0px center;
	background-position: right 77px top 0px, left 0px top 483px, right 60px top 624px, 0px 0px, 0px center, 0px center;
}

.register-header {
	height: 60px;
}

.register-header .heraComp_header-logoImg {
	height: 40px;
	min-width: 39px;
	width: auto;
}

.register-wrap {
	width: 960px;
}

@media screen and (min-width:992px) {
	.register-wrap {
		height: 620px;
	}
	
	.register-wrap {
		box-shadow: 0px 10px 20px rgba(var(--bs-primary-rgb), 0.1);
	}	
}

.register-left {
	padding: 40px;
	background-size: contain;
}

.register-left .logo {
	width: 91px;
	height: 21px;
	margin-bottom: 20px;
	background: url('../images/register/logo.png') center center / 100% 100% no-repeat;
}

.register-left .slogan {
	font-size: 28px;
	line-height: 40px;
}

.register-left .description {
	font-size: 14px;
	line-height: 28px;
	margin: 12px 0px 40px;
}

.register-left .img {
	width: 400px;
	height: 320px;
	background: url(../images/register/img.png) center center / 100% 100% no-repeat;
}

.register-right {
	padding: 40px 40px 0px;
}
@media screen and (max-width:992px) {
	.register-right {
		width: 100% !important;
		max-width: 460px;
		margin: 0 12px;
		border-radius: 6px;
		box-shadow: 0px 10px 20px rgba(var(--bs-primary-rgb), 0.1);
		padding: 24px 40px 30px 40px;
	}
}

.register-title {
	line-height: 32px;
}

.register-form .register-form-item:last-child {
	margin-bottom: 0;
}

.register-form .register-form-item__label {
	font-size: 14px;
	color: #606266;
	text-align: right;
	line-height: 40px;
	vertical-align: middle;
	padding: 0 12px 0 0;
	box-sizing: border-box;
}

.register-form-item.is-required:not(.is-no-asterisk)>.register-form-item__label:before {
	content: "*";
	color: #f56c6c;
	margin-right: 4px;
}

.register-form-item__content {
	position: relative;
	font-size: 14px;
}

.register-input__inner {
	width: 100%;
	height: 40px;
	font-size: 12px;
	color: #606266;
	line-height: 40px;
	border-radius: 4px;
	background-color: #FFFFFF;
	background-image: none;
	border: 1px solid #dcdfe6;
	box-sizing: border-box;
	outline: 0;
	padding: 0 10px;
	display: inline-block;
	transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
	-webkit-appearance: none;
}

.register-input__prefix {
	position: absolute;
	left: 5px;
	top: 0;
	height: 100%;
	color: #c0c4cc;
	text-align: center;
	transition: all .3s;
}

.register-input__prefix .iconfont {
	display: flex;
	align-items: center;
	height: 100%;
	width: 25px;
	text-align: center;
	transition: all .3s;
	line-height: 40px;
}

.register-input__prefix .iconfont:after {
	content: "";
	height: 100%;
	width: 0;
	display: inline-block;
	vertical-align: middle;
}

.register-input__inner:hover {
	border-color: #c0c4cc;
}

.register-input--prefix .register-input__inner {
	padding-left: 30px;
}

.register-input.is-active .register-input__inner,
.register-input__inner:focus {
	border-color: var(--bs-blue);
	outline: 0;
}

.register-form-item__content .register-input,
.register-form-item__content .register-input .register-input__inner {
	width: 100%;
	height: 35px;
	font-size: 14px;
	line-height: 35px;
	display: inline-block;
}

.register-form-item.is-error .register-input__inner,
.register-form-item.is-error .register-input__inner:focus,
.register-form-item.is-error .register-textarea__inner,
.register-form-item.is-error .register-textarea__inner:focus,
.register-message-box__input input.invalid,
.register-message-box__input input.invalid:focus {
	border-color: #f56c6c;
}

.register-form-item__error {
	color: #f56c6c;
	font-size: 12px;
	line-height: 1;
	padding-top: 4px;
	position: absolute;
	top: 100%;
	left: 0;
}

.register-form .register-form-item.verify_code .register-form-item__content {
	display: flex;
	align-items: center;
}

.register-form .register-form-item.verify_code .register-form-item__content .register-input {
	width: 100%;
}

.register-form .register-form-item.verify_code .register-form-item__content .register-input .register-input__inner {
	width: 100%;
	border-radius: 4px 0 0 4px;
	border-right: none;
}

.register-form .register-form-item.verify_code .register-form-item__content .register-btn {
	height: 35px;
}

.register-form .register-checkbox {
	color: #606266;
	font-size: 14px;
	cursor: pointer;
}

.register-form .register-checkbox__input {
	white-space: nowrap;
	cursor: pointer;
	outline: none;
	display: inline-block;
	line-height: 1;
	position: relative;
	vertical-align: middle;
}

.register-form .register-checkbox__inner {
	display: inline-block;
	position: relative;
	border: 1px solid #dcdfe6;
	border-radius: 2px;
	box-sizing: border-box;
	width: 14px;
	height: 14px;
	background-color: #fff;
	transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46);
}

.register-form .register-checkbox__inner:hover {
	border-color: var(--bs-blue);
}

.register-form .register-checkbox__input.is-checked .register-checkbox__inner {
	background-color: var(--bs-blue);
	border-color: var(--bs-blue);
}

.register-form .register-checkbox__inner:after {
	box-sizing: content-box;
	content: "";
	border: 1px solid #fff;
	border-left: 0;
	border-top: 0;
	height: 7px;
	left: 4px;
	position: absolute;
	top: 1px;
	transform: rotate(45deg) scaleY(0);
	width: 3px;
	transition: transform .15s ease-in .05s;
	transform-origin: center;
}

.register-form .register-checkbox__input.is-checked .register-checkbox__inner:after {
	transform: rotate(45deg) scaleY(1);
}

.register-form .register-checkbox__original {
	opacity: 0;
	outline: none;
	position: absolute;
	margin: 0;
	width: 0;
	height: 0;
	z-index: -1;
}

.register-form .register-checkbox__label {
	font-size: 14px;
	line-height: 19px;
	padding-left: 6px;
	display: inline-block;
}

.register-form .register-checkbox__input.is-checked+.register-checkbox__label {
	color: var(--bs-blue);
}

.footer-copyright {
	border-top: 1px solid hsla(0, 0%, 100%, .1);
}

.footer-copyright .footer-copyright-filings ul {
	margin: 0;
	padding: 0;
}

.footer-copyright .footer-copyright-filings ul li {
	position: relative;
}

.footer-copyright .footer-copyright-filings ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 14px;
	margin-top: -6px;
	background-color: var(--bs-dark);
}

.footer-copyright .footer-copyright-filings ul li:first-child::before {
	background: transparent;
}

.footer-copyright .footer-copyright-filings ul li img {
	vertical-align: sub;
}

.footer-copyright .footer-copyright-filings ul li a,
.footer-copyright .footer-copyright-filings ul li span {
	font-size: 14px;
	text-align: center;
	line-height: 20px;
}

.footer-copyright p {
	font-size: 14px;
	text-align: center;
	line-height: 20px;
	margin: 0;
	margin-top: 4px;
}

/* Message 消息提示 begin */
.el-message {
	min-width: 360px;
	position: fixed;
	left: 50%;
	top: 20px;
	z-index: 2030;
	display: flex;
	align-items: center;
	overflow: hidden;
	transform: translateX(-50%);
	border-radius: 4px;
	box-sizing: border-box;
	border: 1px solid #ebeef5;
	background-color: #edf2fc;
	transition: opacity .3s, transform .4s, top .4s;
	padding: 10px 20px 10px 20px;
}

.el-message.is-center {
	justify-content: center
}

.el-message.is-closable .el-message__content {
	padding-right: 16px
}

.el-message p {
	margin: 0
}

.el-message--info .el-message__content {
	color: #909399
}

.el-message--success {
	background-color: #f0f9eb;
	border-color: #e1f3d8
}

.el-message--success .el-message__content {
	color: #67c23a
}

.el-message--warning {
	background-color: #fdf6ec;
	border-color: #faecd8
}

.el-message--warning .el-message__content {
	color: #e6a23c
}

.el-message--error {
	background-color: #fef0f0;
	border-color: #fde2e2
}

.el-message--error .el-message__content {
	color: #f56c6c
}

.el-message .iconfont {
	margin-right: 10px
}

.el-message__content {
	padding: 0;
	font-size: 14px;
	line-height: 1;
	user-select: none;
}

.el-message__content:focus {
	outline-width: 0
}

.el-message__closeBtn {
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	cursor: pointer;
	color: #c0c4cc;
	font-size: 16px
}

.el-message__closeBtn:focus {
	outline-width: 0
}

.el-message__closeBtn:hover {
	color: #909399
}

.el-message .icon-success {
	color: #67c23a
}

.el-message .icon-error {
	color: #f56c6c
}

.el-message .icon-info {
	color: #909399
}

.el-message .icon-warning {
	color: #e6a23c
}

.el-message-fade-leave-to {
	opacity: 0;
	transform: translate(-50%, -100%);
}

.el-message .icon-close {
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	cursor: pointer;
	color: #c0c4cc;
	font-size: 16px
}

.el-message .icon-close:focus {
	outline-width: 0
}

.el-message .icon-close:hover {
	color: #909399
}
/* Message 消息提示 End */