@import url("public.css");
.PageLayout {
	background: url(../img/login/dl_bg.png) no-repeat center;
}

.log-row {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flex-auto {
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
}

.flex-shrink-0 {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}

.login-font {
	font-size: 36px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 30px;
}

.register-type-container {
	padding-bottom: 20px;
	border-bottom: 2px solid #999999;
}

.register-type {
	position: relative;
	font-size: 16px;
	color: #999999;
	cursor: pointer;
}

.register-type.active {
	color: #176ff0;
}

.register-type.active::after {
	content: '';
	position: absolute;
	bottom: -22px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #176ff0;
}

.login-input {
	border-radius: 10px;
	outline: none;
	background-color: rgba(255, 255, 255, .7);
	height: 50px;
	padding: 0 25px;
	color: #000000;
	font-size: 16px;
}

.login-tip {
	font-size: 14px;
	color: #ffffff;
}

.login-tip a {
	font-size: 14px;
	color: #176ff0;
}

.login-tip.forgetpass a {
	color: #FFFFFF !important;
}

.login-btn {
	height: 40px;
	line-height: 35px;
}

.code-input {
	padding-right: 150px;
}

.getCode {
	position: absolute;
	top: 50%;
	right: 18px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #b00d01;
	font-size: 16px;
	cursor: pointer;
}

#dsb {
	display: none;
}