* {
		margin: 0;
		padding: 0;
		text-rendering: optimizeLegibility;
		box-sizing: border-box;
		white-space: normal;
	}
	.box {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		background: url('../img/login/bg.png') no-repeat center bottom;
		background-size: 100% auto;
		min-width: 1000px;
		min-height: 500px;
		}
	.login_main{
		width: 100%;
		height: 90%;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		background-size: 100% 100%;
		min-width: 1000px;
		min-height: 500px;
	}
	.login_logo{
		position:relative;
		width: 62.5%;
		margin: 0 auto;
	}
	.login_logo .im1{
		height: 36px;
		margin: 21px auto;
	}
	.login_logo .im2{
		float: right;
		margin: 21px auto;
	}
	.login_logo .im3{
		position: absolute;
	    top: 36px;
	    margin-left: 52%;
	    width: 19.85vw;
	}
	
	@media screen and (max-width: 1400px){
		.login_logo .im3{
			position: absolute;
		    top: 36px;
		    margin-left: 39%;
		    width: 19.85vw;
		}

	}
	
	.vs-hidden{
		display: none;
	}
	.main{
		width:62.5%;
		height: 100%;
		margin: 0 auto;
	}
	.main .left{
		float: left;
		width:50%;
	}
	.main .left img{
		margin-top:10%;
		margin-right:13.8%;
		margin-bottom:25.7%;
		margin-left:0;
		width: 98%;
	}
	.main .right{
		float: left;
		width: 50%;
		height: 100%;
	}
	.loginBox{
		width:72%;
		height:22.5vw;
		margin-top:28.89%;
		margin-left:28%;
		background: rgba(0, 0, 0, 0.5);
		border: 1px solid #E1E2E3;
	}
	.loginIn {
	border-radius: 6px;
	text-align: center;
}
		.inputBox{
		position:relative;
		width: 100%;
		height: 11.22%;
		margin: 0 auto;
	}
	.inputBox.active{
		width: 100%;
		margin-bottom: 7.6%; 
		position: relative;
	}
	
	.inputBox.active img,.inputBox img{
		width: 53px;
	    height: 46px;
	    border: 1px solid;
	}
	.input-title{
		width:100%;
		font-size: 1.25vw;
		font-family: MicrosoftYaHei;
		color: #FFFFFF;
		line-height: 1.25vw;
		margin: 8.7% auto;
	}
	.inputBox input{
		width: 76.85%;
		border: 0;
		padding: 3.25% 0 3.25% 11.57%;
		float: none;
		overflow: hidden;
		font-size: 0.8vw;
		font-family: '\5b8b\4f53';
		background: #F7F7F7;
		border-radius: 3px;
	}
	.login-checkbox {
		width: 100%;
		color: #FFFFFF;
		font-size: 1.4vh;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		padding: 0 5vh;
		margin-top: 7%;
	}
	.login-checkbox-input {
		width: 15px;
		height: 15px;
		margin-right: 10px;
		vertical-align: -2px;
	}
	.login-checkbox-href {
		color:#61C6A9;
	}
	.btn {
	    font-size: 0.8vw;
	    line-height: 5%;
	}
	.btn .rz{
		height: 0.8vw;
		font-size: 0.8vw;
		font-family: AlibabaPuHuiTiR;
		color: #FFFFFF;
		line-height: 0.8vw;
		text-decoration: none;
	}
	.btn .wjmm{
		margin-left:45.5%;
		height: 0.8vw;
		font-size:  0.8vw;
		font-family: AlibabaPuHuiTiR;
		color: #FFFFFF;
		line-height:  0.8vw;
		text-decoration: none;
	}
	 	.errorDiv {
	    color: #ff0000;
	    position: fixed;
	    width: 22%;
	}
	.btnBox{
		width: 76.85%;
		height: 11.22%;
		background: linear-gradient(135deg, #00C474 0%, #009E91 100%);
		margin: 5.6% auto;
		border-radius: 3px;
	}
	.btnBox input{
		width: 100%;
		padding-top: 3.25%;
		padding-bottom:3.25%;
		background: linear-gradient(135deg, #00C474 0%, #009E91 100%);
		font-family: AlibabaPuHuiTiR;
		color: #FFFFFF;
		line-height: 16px;
		cursor:pointer;
		border: 0;
		border-radius: 3px;
	}
	.name-label {
		    background-position: 0 0;
		}
	.login-label {
	   	position: absolute; 
	   	top:0;
	   	left:2.5vw;
	   	bottom:0; 
		width: 2.2vw; 
		background: url(../img/login/username.png) no-repeat center;
		 
    }
    .name-labelpwd{ 
		background: url(../img/login/pwd.png) no-repeat center;
    }
    .line{
    	width: 1px;
		height: 1vw;
		border: 1px solid rgba(218,218,218,1);
		position: absolute;
		top:0.75vw;
		left:4.5vw;
    }
.bottom {
	position: absolute;
	bottom: 1.6vw;
	font-size: 0.8vw;
	line-height: 1.5vw;
	color: RGBA(51, 51, 51, 1);
	text-align: center;
	left: 0;
	right: 0;
}
	.bottom a {
		color: RGBA(51, 51, 51, 1);
	}