html{height: 100%;margin: -60px 0 0 0;padding: 0;}
body{font-size:16px;-webkit-tap-highlight-color: transparent;font-family:PingFang-SC-Regular;}

.body-bg{
	background-image: url(../img/business_bg.jpg);
	background-repeat:no-repeat ;
	background-size: 100%;
}
span a:visited{
	color: #A9A9A9;
}

.loginBox{
	display: flex;
	flex-direction: column;
	padding-top: 14%;
	padding-left: 58%;
}
.welcome-text{
	font-family:PingFang-SC-Medium;
	font-size: 32px;
}
.welcome-text p{
	margin: 0;
	padding: 0;
}
.form-css{
	margin-top: 4%;
}
.formInput{
	width: 320px;
	height: 65px;
	border-bottom: 1px solid #ddd;
	
}
.formInput span{
	display: inline-block;
	/* float: left; */
	height: 55px;
	line-height: 55px;
	width: 80px;
	margin-top: 10px;
	font-size: 16px;
	color: #999999;
}
.formInput input{
	/* float: left; */
	height: 55px;
	width: 200px;
	margin-top: 10px;
	font-size: 16px;
	border-top: 1px none ;
	border-left: 1px none;
	border-right: 1px none;
	border-bottom: 1px none;
	outline: none;
	background-color: rgba(0, 0, 0, 0);
}
.formInput .codeTitle{
	display: inline-block;
	/* float: left; */
	height: 55px;
	line-height: 55px;
	width: 80px;
	margin-top: 10px;
	font-size: 16px;
}
.input-code{
		display: inline-block;
	/* float: left; */
	height: 55px;
	width: 200px;
	font-size: 16px;
	border-top: 1px none ;
	border-left: 1px none;
	border-right: 1px none;
	border-bottom: 1px none;
	outline: none;
	background-color: rgba(0, 0, 0, 0);
	position: relative;
}
.formInput .input-code input{
	display: inline-block;
	height: 55px;
	width: 200px;
	font-size: 18px;
	border-top: 1px none ;
	border-left: 1px none;
	border-right: 1px none;
	outline: none;
	background-color: rgba(0, 0, 0, 0);
}
.input-code span{
	display: block;
	width: 65px;
	height: 40px;
	position:absolute;
	right:30px;
	top:2px;
}

				
input::-webkit-input-placeholder{
    color:#999;
    font-size: 16px;
}
input::-moz-placeholder{   
    color:#999;
    font-size: 16px;
}

input:-moz-placeholder{    
    color:#999;
    font-size: 16px;
}

.password-column{
	font-size: 12px;
	color: #a9a9a9;
	margin-top: 3%;
	width: 300px;
	text-align: left;
	cursor: pointer;
}
.password-column span{
	margin-left: 52%;
}
.bottom-column{
	margin-top: 8%;
	width: 300px;
	font-size: 18px;
}
.bottom-column .reset{
	display: inline-block;
	color: #333333;
	background: #FFFFFF;
	font-size: 18px;
	width: 100px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #2855f5;
}
.bottom-column .submit{
	display: inline-block;
	width: 150px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	text-align: center;
	background: #2855F5;
	color: #FFFFFF;
	border: 1px solid #2855f5;
	margin-left: 13px;
}

/* width 1024px */
@Media screen and (min-device-width:1024px){
	html{
		min-width: 980px;
	}
	.loginBox{
		display: flex;
		flex-direction: column;
		padding-top: 11%;
		padding-left: 54%;
	}
	.welcome-text{
		font-family:PingFang-SC-Medium;
		font-size: 24px;
	}
	.form-css{
		margin-top: 3%;
	}
	.formInput{
		width: 295px;
		height: 55px;
		border-bottom: 1px solid #ddd;
	}
	.formInput input{
		height: 45px;
		width: 190px;
		font-size: 16px;
		/* float: left; */
		border-top: 1px none ;
		border-left: 1px none;
		border-right: 1px none;
		border-bottom: 1px none;
		outline: none;
		background-color: rgba(0, 0, 0, 0);
	}
	.formInput span{
		display: inline-block;
		/* float: left; */
		height: 45px;
		line-height: 45px;
		width: 90px;
		font-size: 16px;
		color: #999999;
	}
	.formInput .codeTitle{
		display: inline-block;
		/* float: left; */
		height: 55px;
		line-height: 55px;
		width: 90px;
		margin-top: 10px;
		font-size: 16px;
	}
	.input-code{
		display: inline-block;
		/* float: left; */
		height: 55px;
		width: 190px;
		font-size: 18px;
		border-top: 1px none ;
		border-left: 1px none;
		border-right: 1px none;
		border-bottom: 1px none;
		outline: none;
		background-color: rgba(0, 0, 0, 0);
		position: relative;
	}
	.formInput .input-code input{
		display: inline-block;
		height: 55px;
		width: 220px;
		font-size: 16px;
		border-top: 1px none ;
		border-left: 1px none;
		border-right: 1px none;
		outline: none;
		background-color: rgba(0, 0, 0, 0);
	}
	.input-code span{
		position:absolute;
		display: block;
		width: 65px;
		height: 40px;
		right:20px;
		top:-2px;
	}
	
	input::-webkit-input-placeholder{
	    color:#999;
	    font-size: 16px;
	}
	input::-moz-placeholder{   /* Mozilla Firefox 19+ */
	    color:#999;
	    font-size: 16px;
	}
	input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
	    color:#999;
	    font-size: 16px;
	}
	
	
	.password-column{
		font-size: 12px;
		color: #a9a9a9;
		margin-top: 1%;
		width: 250px;
		text-align: left;
		cursor: pointer;
	}
	.password-column span{
		margin-left: 45%;
	}
	
	.bottom-column{
		margin-top: 4%;
		width: 275px;
		font-size: 16px;
	}
	.bottom-column .reset{
		display: inline-block;
		color: #333333;
		background: #FFFFFF;
		font-size: 14px;
		width: 85px;
		height: 36px;
		line-height: 35px;
		text-align: center;
		border: 1px solid #2855f5;
		border-radius: 4px;
	}
	.bottom-column .submit{
		display: inline-block;
		width: 140px;
		height: 36px;
		line-height: 35px;
		font-size: 14px;
		text-align: center;
		background: #2855F5;
		color: #FFFFFF;
		border: 1px solid #2855f5;
		margin-left: 13px;
		border-radius: 4px;
	}
}

/* width 1100px */
@Media screen and (min-device-width:1152px){
	html{
		min-width: 1110px;
	}
	.loginBox{
		display: flex;
		flex-direction: column;
		padding-top: 13%;
		padding-left: 55%;
	}
	.welcome-text{
		font-family:PingFang-SC-Medium;
		font-size: 26px;
	}
	.form-css{
		margin-top: 3%;
	}
	.formInput{
		width: 315px;
		height: 58px;
		border-bottom: 1px solid #ddd;
	}
	.formInput input{
		height: 45px;
		width: 200px;
		font-size: 18px;
		/* float: left; */
		border-top: 1px none ;
		border-left: 1px none;
		border-right: 1px none;
		border-bottom: 1px none;
		outline: none;
		background-color: rgba(0, 0, 0, 0);
	}
	.formInput span{
		display: inline-block;
		/* float: left; */
		height: 45px;
		line-height: 45px;
		width: 90px;
		font-size: 18px;
		color: #999999;
	}
	.formInput .codeTitle{
		display: inline-block;
		/* float: left; */
		height: 55px;
		line-height: 55px;
		width: 90px;
		margin-top: 10px;
		font-size: 18px;
	}
	.input-code{
		display: inline-block;
		/* float: left; */
		height: 55px;
		width: 200px;
		font-size: 18px;
		border-top: 1px none ;
		border-left: 1px none;
		border-right: 1px none;
		border-bottom: 1px none;
		outline: none;
		background-color: rgba(0, 0, 0, 0);
		position: relative;
	}
	.formInput .input-code input{
		display: inline-block;
		height: 55px;
		width: 220px;
		font-size: 18px;
		border-top: 1px none ;
		border-left: 1px none;
		border-right: 1px none;
		outline: none;
		background-color: rgba(0, 0, 0, 0);
	}
	.input-code span{
		position:absolute;
		display: block;
		width: 65px;
		height: 40px;
		right:20px;
		top:1px;
	}
	
	input::-webkit-input-placeholder{
	    color:#999;
	    font-size: 16px;
	}
	input::-moz-placeholder{   /* Mozilla Firefox 19+ */
	    color:#999;
	    font-size: 16px;
	}
	input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
	    color:#999;
	    font-size: 16px;
	}
	
	
	.password-column{
		font-size: 12px;
		color: #a9a9a9;
		margin-top: 1%;
		width: 250px;
		text-align: left;
		cursor: pointer;
	}
	.password-column span{
		margin-left: 45%;
	}
	
	.bottom-column{
		margin-top: 4%;
		width: 280px;
		font-size: 16px;
	}
	.bottom-column .reset{
		display: inline-block;
		color: #333333;
		background: #FFFFFF;
		font-size: 14px;
		width: 80px;
		height: 37px;
		line-height: 35px;
		text-align: center;
		border: 1px solid #2855f5;
		border-radius: 4px;
	}
	.bottom-column .submit{
		display: inline-block;
		width: 150px;
		height: 37px;
		line-height: 35px;
		font-size: 14px;
		text-align: center;
		background: #2855F5;
		color: #FFFFFF;
		border: 1px solid #2855f5;
		margin-left: 13px;
		border-radius: 4px;
	}
}
/* width 1280px */
@Media screen and (min-device-width:1280px){
	html{
		min-width: 1216px;
	}
	.loginBox{
		display: flex;
		flex-direction: column;
		padding-top: 13%;
		padding-left: 58%;
	}
	.welcome-text{
		font-family:PingFang-SC-Medium;
		font-size: 26px;
	}
	.form-css{
		margin-top: 3%;
	}
	.formInput{
		width: 315px;
		height: 60px;
		border-bottom: 1px solid #ddd;
	}
	.formInput input{
		height: 49px;
		width: 200px;
		font-size: 18px;
		/* float: left; */
		border-top: 1px none ;
		border-left: 1px none;
		border-right: 1px none;
		border-bottom: 1px none;
		outline: none;
		background-color: rgba(0, 0, 0, 0);
	}
	.formInput span{
		display: inline-block;
		/* float: left; */
		height: 50px;
		line-height: 50px;
		width: 90px;
		font-size: 18px;
		color: #999999;
	}
	.formInput .codeTitle{
		display: inline-block;
		/* float: left; */
		height: 55px;
		line-height: 55px;
		width: 90px;
		margin-top: 10px;
		font-size: 18px;
	}
	.input-code{
		display: inline-block;
		/* float: left; */
		height: 55px;
		width: 200px;
		font-size: 18px;
		border-top: 1px none ;
		border-left: 1px none;
		border-right: 1px none;
		border-bottom: 1px none;
		outline: none;
		background-color: rgba(0, 0, 0, 0);
		position: relative;
	}
	.formInput .input-code input{
		display: inline-block;
		height: 55px;
		width: 230px;
		font-size: 18px;
		border-top: 1px none ;
		border-left: 1px none;
		border-right: 1px none;
		outline: none;
		background-color: rgba(0, 0, 0, 0);
	}
	.input-code span{
		position:absolute;
		display: block;
		width: 65px;
		height: 40px;
		right:15px;
		top:4px;
	}
	
	input::-webkit-input-placeholder{
	    color:#999;
	    font-size: 16px;
	}
	input::-moz-placeholder{   /* Mozilla Firefox 19+ */
	    color:#999;
	    font-size: 16px;
	}
	input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
	    color:#999;
	    font-size: 16px;
	}
	
	.password-column{
		font-size: 12px;
		color: #a9a9a9;
		margin-top: 1%;
		width: 300px;
		text-align: left;
		cursor: pointer;
	}
	.password-column span{
		margin-left: 40%;
	}
	
	.bottom-column{
		margin-top: 6%;
		width: 300px;
		font-size: 18px;
	}
	.bottom-column .reset{
		display: inline-block;
		color: #333333;
		width: 100px;
		background: #FFFFFF;
		font-size: 16px;
		height: 36px;
		line-height: 35px;
		text-align: center;
		border: 1px solid #2855f5;
		border-radius: 4px;
	}
	.bottom-column .submit{
		display: inline-block;
		width: 150px;
		height: 36px;
		line-height: 35px;
		font-size: 16px;
		text-align: center;
		background: #2855F5;
		color: #FFFFFF;
		border-radius: 4px;
		border: 1px solid #2855f5;
		margin-left: 13px;
	}
}
/* width 1366px */
@Media screen and (min-device-width:1366px){
	html{
		min-width: 1212px;
	}
	.loginBox{
		display: flex;
		flex-direction: column;
		padding-top: 13%;
		padding-left: 58%;
	}
	.welcome-text{
		font-family:PingFang-SC-Medium;
		font-size: 28px;
	}
	.form-css{
		margin-top: 3%;
	}
	.formInput{
		width: 315px;
		height: 58px;
		border-bottom: 1px solid #ddd;
	}
	.formInput input{
		height: 49px;
		width: 200px;
		font-size: 18px;
		/* float: left; */
		border-top: 1px none ;
		border-left: 1px none;
		border-right: 1px none;
		border-bottom: 1px none;
		outline: none;
		background-color: rgba(0, 0, 0, 0);
	}
	.formInput span{
		display: inline-block;
		/* float: left; */
		height: 50px;
		line-height: 50px;
		width: 100px;
		font-size: 18px;
		color: #999999;
	}
	.formInput .codeTitle{
		display: inline-block;
		/* float: left; */
		height: 55px;
		line-height: 55px;
		width: 90px;
		margin-top: 10px;
		font-size: 18px;
	}
	.input-code{
		display: inline-block;
		/* float: left; */
		height: 55px;
		width: 200px;
		font-size: 18px;
		border-top: 1px none ;
		border-left: 1px none;
		border-right: 1px none;
		border-bottom: 1px none;
		outline: none;
		background-color: rgba(0, 0, 0, 0);
		position: relative;
	}
	.formInput .input-code input{
		display: inline-block;
		height: 55px;
		width: 230px;
		font-size: 18px;
		border-top: 1px none ;
		border-left: 1px none;
		border-right: 1px none;
		outline: none;
		background-color: rgba(0, 0, 0, 0);
	}
	.input-code span{
		position:absolute;
		display: block;
		width: 65px;
		height: 40px;
		right:22px;
		top:0px;
	}
	
	input::-webkit-input-placeholder{
	    color:#999;
	    font-size: 16px;
	}
	input::-moz-placeholder{   /* Mozilla Firefox 19+ */
	    color:#999;
	    font-size: 16px;
	}
	input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
	    color:#999;
	    font-size: 16px;
	}
	
	
	.password-column{
		font-size: 12px;
		color: #a9a9a9;
		margin-top: 1%;
		width: 300px;
		text-align: left;
		cursor: pointer;
	}
	.password-column span{
		margin-left: 40%;
	}
	
	.bottom-column{
		margin-top: 6%;
		width: 300px;
		font-size: 18px;
	}
	.bottom-column .reset{
		display: inline-block;
		color: #333333;
		width: 100px;
		background: #FFFFFF;
		font-size: 16px;
		height: 36px;
		line-height: 35px;
		text-align: center;
		border: 1px solid #2855f5;
		border-radius: 4px;
	}
	.bottom-column .submit{
		display: inline-block;
		width: 150px;
		height: 36px;
		line-height: 35px;
		font-size: 16px;
		text-align: center;
		background: #2855F5;
		color: #FFFFFF;
		border-radius: 4px;
		border: 1px solid #2855f5;
		margin-left: 13px;
	}
}


/* width 1440px */
@Media screen and (min-device-width:1440px){
	html{
		min-width: 1366px;
	}
	.loginBox{
		display: flex;
		flex-direction: column;
		padding-top: 13%;
		padding-left: 58%;
	}
	.welcome-text{
		font-family:PingFang-SC-Medium;
		font-size: 34px;
	}
	.form-css{
		margin-top: 3%;
	}
	.formInput{
		width: 345px;
		height: 68px;
		border-bottom: 1px solid #ddd;
	}
	.formInput input{
		height: 49px;
		width: 230px;
		font-size: 18px;
		/* float: left; */
		border-top: 1px none ;
		border-left: 1px none;
		border-right: 1px none;
		border-bottom: 1px none;
		outline: none;
		background-color: rgba(0, 0, 0, 0);
	}
	.formInput span{
		display: inline-block;
		/* float: left; */
		height: 50px;
		line-height: 50px;
		width: 100px;
		font-size: 18px;
		color: #999999;
	}
	.formInput .codeTitle{
		display: inline-block;
		/* float: left; */
		height: 55px;
		line-height: 55px;
		width: 100px;
		margin-top: 10px;
		font-size: 18px;
	}
	.input-code{
		display: inline-block;
		/* float: left; */
		height: 55px;
		width: 230px;
		font-size: 18px;
		border-top: 1px none ;
		border-left: 1px none;
		border-right: 1px none;
		border-bottom: 1px none;
		outline: none;
		background-color: rgba(0, 0, 0, 0);
		position: relative;
	}
	.formInput .input-code input{
		display: inline-block;
		height: 55px;
		width: 230px;
		font-size: 18px;
		border-top: 1px none ;
		border-left: 1px none;
		border-right: 1px none;
		outline: none;
		background-color: rgba(0, 0, 0, 0);
	}
	.input-code span{
		position:absolute;
		display: block;
		width: 65px;
		height: 40px;
		right:25px;
		top:4px;
	}
	
	input::-webkit-input-placeholder{
	    color:#999;
	    font-size: 16px;
	}
	input::-moz-placeholder{   /* Mozilla Firefox 19+ */
	    color:#999;
	    font-size: 16px;
	}
	input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
	    color:#999;
	    font-size: 16px;
	}
	
	.password-column{
		font-size: 12px;
		color: #a9a9a9;
		margin-top: 2%;
		width: 300px;
		text-align: left;
		cursor: pointer;
	}
	.password-column span{
		margin-left: 55%;
	}
	
	.bottom-column{
		margin-top: 8%;
		width: 300px;
		font-size: 18px;
	}
	.bottom-column .reset{
		display: inline-block;
		color: #333333;
		width: 100px;
		background: #FFFFFF;
		font-size: 16px;
		height: 38px;
		line-height: 38px;
		text-align: center;
		border: 1px solid #2855f5;
		border-radius: 4px;
	}
	.bottom-column .submit{
		display: inline-block;
		width: 150px;
		height: 38px;
		line-height: 38px;
		font-size: 16px;
		text-align: center;
		background: #2855F5;
		color: #FFFFFF;
		border-radius: 4px;
		border: 1px solid #2855f5;
		margin-left: 13px;
	}
}

/* width 1680 */
@Media screen and (min-device-width:1680px){
	html{
		min-width: 1474px;
	}
	.loginBox{
		display: flex;
		flex-direction: column;
		padding-top: 14%;
		padding-left: 58%;
	}
	.welcome-text{
		font-family:PingFang-SC-Medium;
		font-size: 34px;
	}
	.form-css{
		margin-top: 3%;
	}
	.formInput{
		width: 385px;
		height: 68px;
		border-bottom: 1px solid #ddd;
	}
	.formInput input{
		height: 49px;
		width: 250px;
		font-size: 18px;
		/* float: left; */
		border-top: 1px none ;
		border-left: 1px none;
		border-right: 1px none;
		border-bottom: 1px none;
		outline: none;
		background-color: rgba(0, 0, 0, 0);
	}
	.formInput span{
		display: inline-block;
		/* float: left; */
		height: 50px;
		line-height: 50px;
		width: 100px;
		font-size: 18px;
		color: #999999;
	}
	.formInput .codeTitle{
		display: inline-block;
		/* float: left; */
		height: 55px;
		line-height: 55px;
		width: 100px;
		margin-top: 10px;
		font-size: 18px;
	}
	.input-code{
		display: inline-block;
		/* float: left; */
		height: 55px;
		width: 260px;
		font-size: 18px;
		border-top: 1px none ;
		border-left: 1px none;
		border-right: 1px none;
		border-bottom: 1px none;
		outline: none;
		background-color: rgba(0, 0, 0, 0);
		position: relative;
	}
	.formInput .input-code input{
		display: inline-block;
		height: 55px;
		width: 260px;
		font-size: 18px;
		border-top: 1px none ;
		border-left: 1px none;
		border-right: 1px none;
		outline: none;
		background-color: rgba(0, 0, 0, 0);
	}
	.input-code span{
		position:absolute;
		display: block;
		width: 65px;
		height: 40px;
		right:30px;
		top:4px;
	}
	
	input::-webkit-input-placeholder{
	    color:#999;
	    font-size: 16px;
	}
	input::-moz-placeholder{   /* Mozilla Firefox 19+ */
	    color:#999;
	    font-size: 16px;
	}
	input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
	    color:#999;
	    font-size: 16px;
	}
	
	.password-column{
		font-size: 12px;
		color: #a9a9a9;
		margin-top: 2%;
		width: 300px;
		text-align: left;
		cursor: pointer;
	}
	.password-column span{
		margin-left: 55%;
	}
	
	.bottom-column{
		margin-top: 8%;
		width: 350px;
		font-size: 18px;
	}
	.bottom-column .reset{
		display: inline-block;
		color: #333333;
		width: 110px;
		height: 40px;
		line-height: 40px;
		background: #FFFFFF;
		font-size: 16px;
		text-align: center;
		border: 1px solid #2855f5;
	}
	.bottom-column .submit{
		display: inline-block;
		width: 180px;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		text-align: center;
		background: #2855F5;
		color: #FFFFFF;
		border: 1px solid #2855f5;
		margin-left: 13px;
	}
}


/* width 1920 */

@Media screen and (min-device-width:1920px){
	html{
		min-width: 1500px;
	}
	.loginBox{
		display: flex;
		flex-direction: column;
		padding-top: 15%;
		padding-left: 58%;
	}
	.welcome-text{
		font-family:PingFang-SC-Medium;
		font-size: 34px;
	}
	.welcome-text p{
		margin: 0;
		padding: 0;
	}
	.form-css{
		margin-top: 4%;
	}
	.formInput{
		width: 375px;
		height: 65px;
		border-bottom: 1px solid #ddd;
		
	}
	.formInput span{
		display: inline-block;
		/* float: left; */
		height: 55px;
		line-height: 55px;
		width: 100px;
		margin-top: 10px;
		font-size: 18px;
		color: #999999;
	}
	.formInput input{
		/* float: left; */
		height: 55px;
		width: 260px;
		margin-top: 10px;
		font-size: 18px;
		border-top: 1px none ;
		border-left: 1px none;
		border-right: 1px none;
		border-bottom: 1px none;
		outline: none;
		background-color: rgba(0, 0, 0, 0);
	}
	
					
	input::-webkit-input-placeholder{
	    color:#999;
	    font-size: 16px;
	}
	input::-moz-placeholder{   /* Mozilla Firefox 19+ */
	    color:#999;
	    font-size: 16px;
	}
	input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
	    color:#999;
	    font-size: 16px;
	}
	.formInput .codeTitle{
		display: inline-block;
		/* float: left; */
		height: 55px;
		line-height: 55px;
		width: 100px;
		margin-top: 10px;
		font-size: 18px;
	}
	.input-code{
		display: inline-block;
		/* float: left; */
		height: 55px;
		width: 260px;
		font-size: 18px;
		border-top: 1px none ;
		border-left: 1px none;
		border-right: 1px none;
		border-bottom: 1px none;
		outline: none;
		background-color: rgba(0, 0, 0, 0);
		position: relative;
	}
	.formInput .input-code input{
		display: inline-block;
		height: 55px;
		width: 260px;
		font-size: 18px;
		border-top: 1px none ;
		border-left: 1px none;
		border-right: 1px none;
		outline: none;
		background-color: rgba(0, 0, 0, 0);
	}
	.input-code span{
		position:absolute;
		display: block;
		width: 65px;
		height: 40px;
		right:30px;
		top:2px;
	}
	
	.password-column{
		font-size: 12px;
		color: #a9a9a9;
		margin-top: 3%;
		width: 300px;
		text-align: left;
		cursor: pointer;
	}
	.password-column span{
		margin-left: 55%;
	}
	
	.bottom-column{
		margin-top: 8%;
		width: 350px;
		font-size: 18px;
	}
	.bottom-column .reset{
		display: inline-block;
		color: #333333;
		width: 100px;
		height: 42px;
		line-height: 40px;
		background: #fff;
		font-size: 18px;
		text-align: center;
		border: 1px solid #2855f5;
	}
	.bottom-column .submit{
		display: inline-block;
		width: 190px;
		height: 42px;
		line-height: 40px;
		font-size: 18px;
		text-align: center;
		background: #2855F5;
		color: #FFFFFF;
		border: 1px solid #2855f5;
		margin-left: 13px;
	}
}


/* width 2560px */

@Media screen and (min-device-width:2560px){
	html{
		margin: -90px 0 0 0;
		min-width: 1800px;
	}
	.loginBox{
		display: flex;
		flex-direction: column;
		padding-top: 15%;
		padding-left: 58%;
	}
	.welcome-text{
		font-family:PingFang-SC-Medium;
		font-size: 36px;
	}
	.welcome-text p{
		margin: 0;
		padding: 0;
	}
	.form-css{
		margin-top: 4%;
	}
	.formInput{
		width: 425px;
		height: 78px;
		border-bottom: 1px solid #ddd;
		
	}
	.formInput span{
		display: inline-block;
		/* float: left; */
		height: 55px;
		line-height: 55px;
		width: 100px;
		margin-top: 10px;
		font-size: 20px;
		color: #999999;
	}
	.formInput input{
		/* float: left; */
		height: 55px;
		width: 280px;
		margin-top: 10px;
		font-size: 20px;
		border-top: 1px none ;
		border-left: 1px none;
		border-right: 1px none;
		border-bottom: 1px none;
		outline: none;
		background-color: rgba(0, 0, 0, 0);
	}
	
					
	input::-webkit-input-placeholder{
	    color:#999;
	    font-size: 18px;
	}
	input::-moz-placeholder{   /* Mozilla Firefox 19+ */
	    color:#999;
	    font-size: 18px;
	}
	input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
	    color:#999;
	    font-size: 18px;
	}
	.formInput .codeTitle{
		display: inline-block;
		/* float: left; */
		height: 55px;
		line-height: 55px;
		width: 100px;
		margin-top: 10px;
		font-size: 20px;
	}
	.input-code{
		display: inline-block;
		/* float: left; */
		height: 55px;
		width: 280px;
		font-size: 20px;
		border-top: 1px none ;
		border-left: 1px none;
		border-right: 1px none;
		border-bottom: 1px none;
		outline: none;
		background-color: rgba(0, 0, 0, 0);
		position: relative;
	}
	.formInput .input-code input{
		display: inline-block;
		height: 55px;
		width: 280px;
		font-size: 20px;
		border-top: 1px none ;
		border-left: 1px none;
		border-right: 1px none;
		outline: none;
		background-color: rgba(0, 0, 0, 0);
	}
	.input-code span{
		position:absolute;
		display: block;
		width: 65px;
		height: 40px;
		right:15px;
		top:2px;
	}
	
	.password-column{
		font-size: 12px;
		color: #a9a9a9;
		margin-top: 3%;
		width: 300px;
		text-align: left;
		cursor: pointer;
	}
	.password-column span{
		margin-left: 55%;
	}
	
	.bottom-column{
		margin-top: 8%;
		width: 410px;
		font-size: 18px;
	}
	.bottom-column .reset{
		display: inline-block;
		color: #333333;
		width: 100px;
		height: 42px;
		line-height: 40px;
		background: #fff;
		font-size: 18px;
		text-align: center;
		border: 1px solid #2855f5;
	}
	.bottom-column .submit{
		display: inline-block;
		width: 190px;
		height: 42px;
		line-height: 40px;
		font-size: 18px;
		text-align: center;
		background: #2855F5;
		color: #FFFFFF;
		border: 1px solid #2855f5;
		margin-left: 13px;
	}
}


/* 解决记住密码后有背景颜色 */

input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
	-webkit-text-fill-color: #999 !important;
	-webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;
    background-color:transparent;
    background-image: none;
    transition: background-color 50000s ease-in-out 0s; //背景色透明  生效时长  过渡效果  启用时延迟的时间
}
input {
	 background-color:transparent;
}
