@font-face{
	font-family: 'MAXELLN';
    src:url('./fonts/maxelln.ttf');
    font-style: normal;
}

html,body{
	height: 100%;
	margin: auto;
}

a{

	text-decoration: none;

	color: #ffffff;

}

.header{

	height: 4.44%;

	background-color: #ffffff;

	display: flex;

    justify-content: flex-end;

    align-items: center;

    min-height: 35px;

}

.login{

    height: 82.26%;

	background: linear-gradient(90deg, #D7D2CC 0%, #304352 100%);

	display: flex;

    align-items: center;

    flex-direction: column;

    min-height: 770px;

}

.footer-nav{

	height: 10.06%;

    background-color: #ffffff;

    display: flex;

    justify-content: center;

    align-items: center;

    min-height: 90px;

}

.footer{

	height: 3.24%;

	background: linear-gradient(90deg, #243949 0%, #517FA4 100%);

	font-family: Poppins;

	font-weight: 400;

	color: #FFFFFF;

	display: flex;

	justify-content: center;

	align-items: center;

	font-size: 13px;

	min-height: 30px;

}

.dl{

	text-decoration: none;

	font-size: 14px;

	/*font-family: Alibaba PuHuiTi 2.0;*/

	font-weight: normal;

	color: #262626;

}

.lg{

	margin-right: 3.8%;

}

.lange{

	margin-right: 10.5%;

}

.lange-qh{

	outline: none;

	border:none;

}

.icon-login{

	margin-right: 10px;

}

.logo-img{

	width: 68px;

	height: 68px;

	margin-right: 10px;

}

.logo{

	margin-top: 0.56%;

	margin-bottom: 68px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.logo-form{

	width: 377.24px;

	height: 395.83px;

	background-color:#ffffff;

	border-radius: 6px;

	display: flex;

    align-items: center;

    flex-direction: column;

    padding: 35px;

    box-sizing: border-box;

}

.form{

	margin-top: 11.53%;

	width: 82.19%;

	margin-bottom: 30px;

}

.login-input{

	height: 35px;

	margin-bottom: 30px;

	border-bottom:2px solid #E2E2E2;

	display: flex;

}

.login-input input{

	width: 100%;

	border:none;

	outline: none;

	line-height: 30px;

	font-size: 15px;

	color: #999999;

}

.form{

	width: 100%;

}

.login-input-but{

    display: flex;

    flex-direction: column;

}

.login-but{
	height: 50px;
	background: linear-gradient(90deg, #D7D2CC 0%, #304352 100%);
	border:none;
	border-radius: 4px;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 17px;
	text-align: center;
    line-height: 50px;
    cursor: pointer;
}

.register-but{

	text-align: center;

	font-size: 16px;

	font-weight: normal;

	color: #444444;

}

.input-title{

	font-size: 15px;

	font-weight: normal;

	color: #999999;

	line-height: 30px;

}

.form-footer{

	width: 100%;

    display: flex;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    font-size: 14px;

	font-weight: normal;

	color: #444444;

}

.login-logo-title{

	font-family: MAXELLN;

	font-size: 24px;

	color: #ffffff;

}

.footer-nav-info{

	width: 60.36%;

	display: flex;

    justify-content: center;

}

.footer-logo-title{

	font-family: MAXELLN;

	font-size: 24px;

	color: #304352;

}

.logo-footer{

	display: flex;

    align-items: center;

    justify-content: flex-end;

    flex: 1;

    width: 100%;

}

.login-a{

	text-decoration: none;

	padding-right: 2.5%;

}

.footer-nav-zhong{

	width: 470px;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 0 2.5%;

    border-left: 1px solid #E2E2E2;

    border-right: 1px solid #E2E2E2;

}

.login-mz-right{

	margin-left: auto;

	font-size: 11px;

}

.login-mz-z{

	font-size: 11px;

}

.login-mz-left{

	margin-right: auto;

	font-size: 11px;

}

.footer-nav-right{

	display: flex;

	justify-content: flex-end;

	align-items: center;

	padding-left: 2.5%;

	font-size: 13px;

}

.back{

	margin-top: 16px;

    width: 73px;

    height: 30px;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-left: auto;

    margin-right: 13.56%;

    font-size: 14px;

	font-weight: normal;

}

.icon-a-001{

	margin-left: 5px;

}

.form-footer a{

	color: #444444;

}

.tc{

	 display: none; 

    position: absolute; 

    top: 0%; 

    left: 0%; 

     100%; 

    height: 100%; 

    background-color: black; 

    z-index:1001; 

    -moz-opacity: 0.8; 

    opacity:.80; 

    filter: alpha(opacity=88);

}



/* 注册 */

#register{

	width: 100%;

}

.reg-form-info{

	height: 587px !important;

}

.reg-form{

	width: 395.24px;

	height: 564.83px;

	background-color:#ffffff;

	border-radius: 6px;

	display: flex;

    align-items: center;

    flex-direction: column;

    padding: 35px;

    box-sizing: border-box;

}

.reg-logo{

	margin-bottom: 40px;

}

.reg-footer{

    display: flex;

    justify-content: center;

    font-size: 14px;

    font-weight: normal;

    color: #444444;

}

input::-webkit-input-placeholder{

	color:#999999;

}



input::-moz-placeholder {

	color: #999999;

}



input:-moz-placeholder {

	color: #999999;

}



input:-ms-input-placeholder {

	color: #999999;

}



/* 找回密码 */

.re-form{

	width: 807.24px;

	height: 513px;

	background-color: #ffffff;

	border-radius: 6px;

	display: flex;

    justify-content: center;

    align-items: center;

}

.hx{

	width: 79px;

	height: 2px;

	background: #E2E2E2;

	margin-top: 12.5px;

}

.bz-one{

	display: flex;

    justify-content: center;

}

.sz{

	width: 29px;

	height: 29px;

	background-color: #D7D2CC;

	border-radius: 50%;

	text-align: center;

	line-height: 29px;

	color: #ffffff;

	margin-bottom: 7px;

}

.active{

	background: linear-gradient(90deg, #D7D2CC 0%, #304352 100%);

}

.sz-wz{

	height: 20px;

	font-size: 14px;

	font-weight: normal;

	color: #22232B;

}

.bz-one-info{

	display: flex;

    align-items: center;

    flex-direction: column;

}

.bz-tips-wz{

	font-size: 12px;

	font-weight: normal;

	color: #22262A;

	margin-top: 27px;

	margin-bottom: 29px;

}

.qh{

	text-align: right;

	

}

.qh a{

	font-size: 14px;

	font-weight: normal;

	color: #33A0FF;

}

.yzm-input{

	width: 76% !important;

	padding-left: 10px;

}

.tel-input{

	padding-left: 10px;

}

.send-but{

	height: 30px;

	border: 1px solid #304352;

	border-radius: 4px;

	font-size: 12px;

	display: flex;

    justify-content: center;

    align-items: center;

    min-width: 100px;

    padding: 0 10px;

    box-sizing: border-box;

}



.send-email{

	background: linear-gradient(90deg, #D7D2CC 0%, #304352 100%);

    border: none;

}



.send-email a{

	color: #ffffff !important;

}



.send-but a{

	color: #45454D;

}

.two{

	padding-left: 10px;

}

.bz-two{

	margin-bottom:60px;

}

.czcg{

	font-size: 14px;

	font-weight: normal;

	color: #304352;

	text-align: center;

	margin-bottom: 30px;

}

.form-two{

	display: none;

}

.form-three{

	display: none;

}

.sjyz{

	display: none;

}

.foot-mzsm{
	color: black;
}