@charset "UTF-8";

html, body {
	padding: 0;
	margin: 0;
}
  
.hl_main {
	height: 100vh;
	width: 100vw;
	min-width: 500px;
	min-height: 350px;
	position: relative; 
	background: url("/resources/images/hair_bg.jpg");
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	background-repeat:no-repeat;
}
.hl_title{ 
   font-size: 20px;
   color: #006624; 
   font-weight: bold;
}

.hl_remind{
	height: 20px;
	padding-top: 10px;
    font-size: 13px;
}
.hl_remind ul{
	margin: 0;
	padding: 0;
}
.hl_remind li{
	color:red;
	list-style: none;
} 

.hl_dl {
	left: 50%;
	top: 50%;
	width: 400px;
	height: 200px;
	padding: 25px;
	text-align: center; 
	border-radius: 10px;
	position: absolute; 
	background: #ffffff;
	border: 20px solid #006624;
	transform: translate(-50%, -50%);
}

.hl_dl>div {
	width: 100%;
}
 
.hl_dl>div>div{
	color:#006624;
	height: 50px;
	line-height: 50px;
	font-weight: bold;
}

.hl_zh {
	height: 25px;
	border-color: green;
    border-radius: 5px;
}

.hl_button {
	color: #fff;
	width: 218px;
	height: 40px;
	border: none;
	font-size: 16px;
	cursor: pointer;
	margin-top: 10px;
	border-radius: 3px;
	background: linear-gradient(#2b2b2b, #0aa839);
}

.hl_button:ACTIVE{
	background: linear-gradient(#ababab, #0aa839);
}

.hl_bah {
	bottom: 10px;
	width: 100%;
	text-align: center;
	position: absolute;
}
.hl_bah a{
	color: #fff;
    text-decoration: none;
}
.hl_dl .hl_info{
	width: 190px;
	margin: 0 auto;
	text-align: left;
}

.hl_dl .hl_info a{
	color:red;
}

.zh_password{
	display: none;
}