* {
	margin: 0;
	padding: 0;
	text-decoration: none;
}

ul,
li {
	list-style: none;
}

html,
body {
	width: 100%;
	height: 100%;
	/* min-height: 350px; */
}
/* 和幼宝 */
.ICPClass{
	color: #aaa;
}
a:hover{
	color: #000000 !important;
	font-weight: 600 !important;
	text-decoration: underline !important;
}
.container_HYB{
	display: -webkit-flex;
	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: column;
	background-image: url(../images/hyb_loginBj2.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center 0;
}
.login_box_HYB input{
	border:none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	/* border-radius: 4px; */
	/* height: 4vh; */
	padding: 5px 5px 5px 10px;
	margin: 0 0px 0 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: calc(100vw * 15/ 1920);
	/* background-color: rgba(255, 255, 255, 0.6); */
	background-color: #FFFFFF;
}
.loginKuang_HYB{
	width: 18vw;
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	right: 16vw;
	top: 8vh;
}
.loginHeader_HYB{
	width: 100%;
	display: flex;
	padding: 2vh 40px 0px 40px;
	align-items: center;
	justify-content: space-between;
	/* background-color: #000000; */
	box-sizing: border-box;
}
.loginBoy_HYB {
	width: 75%;
	height: 70vh;
	background-image: url(../images/middeo_hyb.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center 0;
	margin: 0 auto;

}
.fromBody_HYB {
	width: 18vw;
	/* height: 39vh; */
	/* height: 362px; */
	background-color: rgba(255, 255, 255, 1);
	border-radius: 10px;
	position: absolute;
	top: 12vh;
	z-index: 10;
	left: 7vw;
	/* opacity: 0.85; */
}
.bottomTitle_bottom_HYB{
	text-align: center;
	font-size: calc(100vw * 13/ 1920);
	margin-top: 5vh;
}
/* ++++++++++++++++++++++++++++++++++++++++ */

.loginHeader {
	height: 14vh;
	display: flex;
	padding-left: 95px;
	padding-right: 95px;
	align-items: center;
	justify-content: space-between;

}
.formText {
	font-size: calc(100vw * 21/ 1920);
	width: 4.55vw;
	/* text-align: right; */
	/* display: flex;
	justify-content: space-between; */
	font-family: SourceHanSansSC-regular;
	;
}

.rightTitle {
	display: flex;
	align-items: center;
}

.loginKuang {
	width: 468px;
	position: absolute;
	right: 5%;
	top: 6%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.bottomTitle_top{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bottomTitle{

}
.bottomTitle_top_name{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.bottomTitle_bottom{
	text-align: center;
	font-size: calc(100vw * 13/ 1920);
	margin-top: 12vh;
}

.maskFrom {
	position: absolute;
	width: 22vw;
	height: 34vh;
	/* height: 316px; */
	background-color: #FFFFFF;
	opacity: 0.4;
	top: 10px;
	z-index: 1;
	top: 156%;
	border-radius: 10px;
}
.maskFrom1{
	position: absolute;
	width: 20vw;
	height: 37vh;
	background-color: #FFFFFF;
	opacity: 0.4;
	top: 10px;
	z-index: 1;
	top: 139%;
	border-radius: 10px;
}

.fromBody {
	width: 18vw;
	height: 39vh;
	/* height: 362px; */
	background-color: rgba(255, 255, 255, 0.85);
	border-radius: 10px;
	position: absolute;
	top: 123%;
	z-index: 10;
	/* opacity: 0.85; */
}

.loginBoy {
	width: 100%;
	height: 62vh;
	background-image: url(../images/loginBj.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center 0;
}

.bodyTitle {
	color: #FFFFFF;
	font-family: SourceHanSansSC-black;
	font-weight: bold;
	position: absolute;
}

.loginSmall {
	color: #101010;
	font-family: SourceHanSansSC-black;
	font-size: calc(100vw * 20/ 1920);
	font-weight: bold;
	text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);
}

.loginTitle {
	color: #101010;
	font-family: SourceHanSansSC-black;
	font-size: calc(100vw * 50/ 1920);
	font-weight: bold;
	text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);
	margin-left: 30px;
	margin-bottom: 2.5vh;
}

.container {
	display: -webkit-flex;
	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: column;
	/* background-image: url(../img/login_page_bg.png); */
	/* background-repeat: no-repeat; */
	/* background-position: center center; */
}

.side {
	flex: 1;
}

.container .middle {
	display: -webkit-flex;
	display: flex;
	flex-flow: column;
	align-items: center;
	/* min-height: 750px; */
}

.logo img {
	width: 80px;
	margin-top: 80px;
}

.title {
	font-size: calc(100vw * 36/ 1920);
	color: #FFFFFF;
	text-align: center;
	line-height: 100px;
}

.login_box {
	/* width: 450px; */
	/* height: 350px; */
}

.login_box .label {
	width: 400px;
	font-size: calc(100vw * 15/ 1920);
	line-height: 30px;
	color: #FFFFFF;
	margin: 10px 25px 0 25px;
}

.login_box input {
	/* width: 400px; */
	border: 1px solid rgba(204, 204, 204, 0.6);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	height: 4vh;
	padding: 5px;
	margin: 0 0px 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: calc(100vw * 15/ 1920);
	background-color: rgba(255, 255, 255, 0.6);
}

/* .input-div {
    position: relative;
} */

#verify_code {
	/* position: absolute;
	top: 52%;
	right: 9%; */
	width: 26%;
	height: 3.8vh;
	

}

.error_msg {
	text-align: center;
	color: #b00005;
	line-height: 30px;
}

.login_btn {
	width: 14vw;
	height: 3.6vh;
	background-color: #3493f4;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: none;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	margin: 2vh auto;
	text-align: center;
	color: #ffffff;
	line-height: 3.6vh;
	font-size: calc(100vw * 15/ 1920);
	cursor: pointer;
}

.login_page_text img {
	width: 350px;
	margin-top: 20px;
}

.copy_right {
	width: 100%;
	height: 80px;
	line-height: 80px;
	letter-spacing: 1px;
	font-size: calc(100vw * 14/ 1920);
	text-align: center;
	color: #ffffff;
}

.copy_right .a-label {
	font-size: calc(100vw * 14/ 1920);
	text-decoration: none;
	color: #ffffff;
}

.forget-password {
	/* width: 200px; */
	/* text-align: right; */
	/* margin: auto; */
	margin-top: 10px;
	font-size: calc(100vw * 14/ 1920);
	color: #000;
	/* cursor: pointer; */
}

#verify_code {
    position: absolute;
    top: 52%;
    right: 9%;
    width: 4vw;
    height: 3vh;
}
