@charset "utf-8";

[v-cloak] {
	display: none;
}

/* element-ui 重写 */
.el-form-reg {
	width: 800px;
}

.el-form-reg .el-form-item {
	margin-bottom: 12px;
}
.el-form-reg .el-form-item.el-password{
	margin-bottom: 0;
}
.el-form-reg .el-form-item__label {
	line-height: 40px;
}

.el-form-reg .el-input--mini .el-input__inner {
	line-height: 36px;
	height: 36px;
	width: 300px;
	/* border-color: #e6e6e6; */
}

.el-form-reg .el-form-item__error {
	top: 10px;
	left: 308px;
}

.el-form-reg .el-code .el-input--mini {
	width: 160px;
	margin-right: 25px;
}

.el-form-reg .el-code .el-input .el-input__inner {
	width: 100%;
	/* border-color: #e6e6e6; */
}


.el-form-reg .el-code .el-code-btn {
	padding: 11px 0;
	width: 110px;
}

.el-form-reg .el-submit-btn {
	width: 300px;
	padding: 15px 0;
}

.el-form-reg .el-button--primary:focus,
.el-form-reg .el-button--primary:hover {
	background: #3c7ee5;
	border-color: #3c7ee5;
	color: #fff;
}

.el-form-reg .el-button--primary {
	background-color: #3c7ee5;
	border-color: #3c7ee5;
}
.el-form-reg .el-button--primary.is-disabled{
	background-color: #fba1a2;
	border-color: #fba1a2;
}
.el-form-reg .el-button--primary span {
	color: #fff;
	font-size: 14px;
}
/* 密码强度 */
.el-form-reg .el-rate-col{
	margin-top: 10px;
}
/* .el-form-reg .el-input--mini .el-input__inner:focus{
	border-color: #e6e6e6;
} */
/* 验证码样式 */
.el-form-reg .el-form-item.is-error.el-code .el-input__inner {
	border-color: #f56c6c;
}
.el-form-reg .el-code.is-success .el-input .el-input__inner {
	border-color: #67c23a;
}
.el-form-reg .el-checkbox__input.is-checked+.el-checkbox__label {
	color: #666;
}

.el-form-reg .el-checkbox__label a {
	color: #409EFF;
}

.el-form-reg .el-form-checkbox .el-form-item__content {
	line-height: normal;
}


/* 其他登录方式 */
.login-others {
	text-align: center;
	padding-top: 50px;
	-webkit-transition: all .28s;
	transition: all .28s
}

.login-others .other-logo {
	display: inline-block;
	width: 81px;
	margin-left: 38px;
	text-align: center
}

.login-others .other-logo:first-child {
	margin-left: 0
}

.login-others .other-logo i {
	width: 82px;
	height: 82px;
	display: block;
	background: url(/template/Home/Default/PC/Static/img/login_v6.png) no-repeat;
}

.login-others .other-logo.logo-wechat i {
	background-position: -168px 0
}

.login-others .other-logo.logo-wechat:hover i {
	background-position: -168px -84px
}

.login-others .other-logo.logo-qq i {
	background-position: 0 0
}

.login-others .other-logo.logo-qq:hover i {
	background-position: 0 -84px
}

.login-others .other-logo.logo-weibo i {
	background-position: -84px 0
}

.login-others .other-logo.logo-weibo:hover i {
	background-position: -84px -84px
}

.login-others .other-logo span {
	font-size: 14px;
	color: #888;
	display: inline-block;
	text-align: center;
	width: 100%;
}