@import url("public.css");
.top-container {
	text-align: center;
	margin-top: 2.525rem;
	margin-bottom: 2.275rem;
}
.logo {
	width: 3.75rem;
	height: 3.75rem;
}

.logo-title {
	margin-top: 0.55rem;
	font-size: 0.8rem;
	color: #575757;
}

.login-tabbar {
	text-align: center;
	padding: 0.7rem 0;
}

.tabbar-item {
	color: #333333;
	font-size: 1.05rem;
	cursor: pointer;
	position: relative;
}

.tabbar-item.active {
	color: #01a0b3;
}

.tabbar-item.active::after {
	content: '';
	position: absolute;
	bottom: -0.7rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 4.375rem;
	height: 0.15rem;
	background-color: #01a0b3;
	border-radius: 3px;
}

.login-input-box {
	margin-top: 1.275rem;
	padding: 0 1.25rem;
}

.login-input {
	width: 100%;
	padding: 0.925rem 0.1rem;
	border-bottom: 1px solid #e5e5e5;
	font-size: 0.8rem;
	color: #575757;
}

.login-btn {
	width: 100%;
	margin: 1.25rem 0;
	background-color: #01a0b3;
	height: 2.225rem;
	line-height: 2.225rem;
	font-size: 0.8rem;
	color: #FFFFFF;
	border-radius: 45px;
	text-align: center;
}

.login-link {
	text-align: center;
}

.login-link a {
	color: #00a2e7;
	font-size: 0.7rem;
	text-decoration: none;
}

.agreement {
	margin-left: 0.425rem;
	font-size: 0.7rem;
	color: #828282;
}

.code-box {
	position: relative;
}

.code {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #01a0b3;
	font-size: 0.8rem;
}

#dsb {
	display: none;
}