/*大于1024像素*/
@media all and (min-width:1200px){
	/*login*/
	.login-right{
		width:100%;
		height:100vh;
		position:relative;
		overflow:hidden;
	}
	.login-right .login-frame{
		width:360px;
		height:100vh;
		background: rgba(140,153,165, 0.5);
		position:absolute;
		top:0;
		right:0;
		z-index:1;
		filter: blur(1px);
	}
	.login-right .login-frame .container{
		width:350px;
		height:460px;
		background: rgba(140,153,165, 0.0);
		z-index:10;
		position:absolute;
		top:50%;
		left:50%;
		margin:-230px 0 0 -170px;
	}
	.login-right .login-frame .container h2{
		width:100%;
		height:36px;
		line-height:50px;
		font-size:26px;
		color:#fff;
		text-align:center;
		text-shadow:#000 0px 1px 1px;
		margin-bottom:25px;
	}
	.login-right .login-frame .container .log-input{
		display:block;
		border: 1px solid #fff;
		border-radius: 2px;
		color: #333;
		font-size:14px;
		height: 40px;
		padding: 0 4%;
		width:70%;
		margin:0 auto 20px auto;
		transition-duration:0.2s;
		background: rgba(255,255,255, 0.8);
	}
	.login-right .login-frame .container .log-input:focus{
		outline: none;
		border-color: #9ecaed;
		box-shadow: 0 0 10px #9ecaed;
	}

	.login-right .login-frame .container .log-button{
		-webkit-appearance: none;
		background: #4d7496;
		border: none;
		border-radius: 2px;
		color: #fff;
		cursor: pointer;
		height: 40px;
		line-height: 40px;
		font-size:15px;
		width:70%;
		margin:0 2% 0 15%;
		transition-duration:0.2s;
	}
	.login-right .login-frame .container .log-button:hover{
		background: #2d5b83;
	}
	.login-right .login-frame .container .statement-txt{
		width:70%;
		height:20px;
		margin:10px auto 0 auto;
	}
	.login-right .login-frame .container .statement-txt .text{
		display:block;
		height:28px;
		color:#fff;
		margin-left:12px;
		line-height:26px;
		font-size:18px;
	}
	.login-right .in-log-logo{
		width:50%;
		height:210px;
		background: rgba(140,153,165, 0.0);
		z-index:10;
		position:fixed;
		top:36%;
		right:600px;
		margin:0 0 -25% -25%;
	}
	.login-right .in-log-logo img{
		display:block;
		width:98%;
		margin:0 auto;
	}

}


/*小于1200像素*/
@media all and (max-width:1200px){
	body.login{
		height:100%;
		background-size:auto 100%;
	}
	body.product{
		background:url(img/product-background.png)no-repeat;
		background-size: cover;
		height:100%;
	}
	/*login*/
	.login-right{
		width:100%;
		height:100vh;
		position:relative;
		overflow:hidden;
	}
	.login-right .login-frame{
		width:400px;
		height:100vh;
		background: rgba(140,153,165, 0.5);
		position:absolute;
		top:0;
		right:0;
		z-index:1;
		filter: blur(1px);
	}
	.login-right .login-frame .container{
		width:300px;
		height:460px;
		background: rgba(140,153,165, 0.0);
		z-index:10;
		position:absolute;
		top:50%;
		left:50%;
		margin:-230px 0 0 -150px;
	}
	.login-right .login-frame .container h2{
		width:100%;
		height:50px;
		line-height:50px;
		font-size:30px;
		color:#fff;
		text-align:center;
		text-shadow:#000 0px 1px 1px;
		margin-bottom:25px;
	}
	.login-right .login-frame .container .log-input{
		display:block;
		border: 1px solid #fff;
		border-radius: 2px;
		color: #333;
		font-size:14px;
		height: 40px;
		padding: 0 4%;
		width:88%;
		margin:0 auto 20px auto;
		transition-duration:0.2s;
		background: rgba(255,255,255, 0.8);
	}
	.login-right .login-frame .container .log-input:focus{
		outline: none;
		border-color: #9ecaed;
		box-shadow: 0 0 10px #9ecaed;
	}
	.login-right .login-frame .container .log-button{
		-webkit-appearance: none;
		background: #4d7496;
		border: none;
		border-radius: 2px;
		color: #fff;
		cursor: pointer;
		height: 40px;
		line-height: 40px;
		font-size:18px;
		width:96%;
		margin:0 2% 0 2%;
		transition-duration:0.2s;
	}
	.login-right .login-frame .container .log-button:hover{
		background: #2d5b83;
	}
	.login-right .login-frame .container .statement-txt{
		width:96%;
		height:30px;
		margin:10px auto 0 auto;
	}
	.login-right .login-frame .container .statement-txt .text{
		display:block;
		height:28px;
		color:#fff;
		margin-left:12px;
		line-height:26px;
		font-size:18px;
	}
	.login-right .in-log-logo{
		display:none;
		width:50%;
		height:210px;
		background: rgba(140,153,165, 0.0);
		z-index:10;
		position:fixed;
		top:36%;
		right:600px;
		margin:0 0 -25% -25%;
	}
	.login-right .in-log-logo img{
		display:block;
		width:98%;
		margin:0 auto;
	}

}


/*小于800像素*/
@media all and (max-width:800px){
	body.login{
		height:100%;
		background-size:auto 100%;
	}
	body.product{
		background:url(img/product-background.png)no-repeat;
		background-size: cover;
		height:100%;
	}
	/*login*/
	.login-right .login-frame{
		width:100%;
	}
	.login-right .login-frame .container{
		width:340px;
		margin:-230px 0 0 -170px;
	}

}

.mask{
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 500;
	background-color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 1;
	color: #fff;
}