*{margin:0;padding:0;-webkit-tap-highlight-color: transparent;}
body{
	font-family:'microsoft yahei';
}
a{
text-decoration: none;
color:#333;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-user-select: none;
-moz-user-focus: none;
-moz-user-select: none;
}
.l{float:left;}
.r{float:right;}
.textcenter{text-align:center;}
li{list-style-type:none;}
em{font-style:normal}
.block{display:block;}
.none{display:none;}


#UpdateHint{
	width:100%;
	height:auto;
	overflow:hidden;
	display:none;
	margin:0 auto -100px auto;
	position:fixed;
	left:0;
	top:40%;
	z-index:99999999;
	text-align:center;
}
#UpdateHint span{
	display:inline-block;
	vertical-align: middle;
	padding:10px 20px;
	background: rgba(0,0,0, 0.8);
	font:16px/24px 'microsoft yahei';
	text-align:center;
	color:#fff;
	
}
#UpdateHint .ok{
	font:16px/24px 'microsoft yahei';
	color:#fff;
	background: rgba(18,166,10, 0.8);
}

.transparentMask{
	width:100%;
	height:100vh;
	position:fixed; z-index:9;
	top:0;
	left:0;
}




/*大于1024像素*/
@media all and (min-width:1020px){
.rj-login-main{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto 0 auto;
	padding-bottom:5%;
background: linear-gradient(-45deg, rgba(9,69,138,0.2), rgba(68,155,255,0.7), rgba(117,113,251,0.7), rgba(68,155,255,0.7), rgba(9,69,138,0.2));background-size: 400% 400%;-webkit-animation: Gradient 15s ease infinite;-moz-animation: Gradient 15s ease infinite;animation: Gradient 15s ease infinite;
}
.rj-login-main .frameDiv{
	width:610px;
	height:auto;
	overflow:hidden;
	padding:50px 50px 50px 50px;
	margin:100px auto 0 auto;
	background: rgba(255,255,255, 1);
	border-radius:4px;
	-webkit-box-shadow:0px 0px 10px 0px #999;
}
.rj-login-main .frameDiv .left{
	width:340px;
	height:auto;
	overflow:hidden;
	padding:0 30px 0 0;
	border-right:1px solid #ddd;
	float:left;
}
.rj-login-main .frameDiv .left .logo{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto 0px auto;
}
.rj-login-main .frameDiv .left .logo img{
	display:block;
	width:200px;
	float:left;
}
.rj-login-main .frameDiv .left h2{
	display:block;
	width:92%;
	height:22px;
	line-height:22px;
	font-size:14px;
	color:#666;
	font-weight: normal;
	margin-bottom:24px;
	margin-left:8%;
}
.rj-login-main .frameDiv .left h1{
	display:block;
	width:92%;
	height:auto;
	overflow:hidden;
	line-height:30px;
	font-size:20px;
	color:#090;
	font-weight: normal;
	margin-bottom:15px;
	margin-top:8px;
	margin-left:8%;
}

.rj-login-main .frameDiv .right{
	width:210px;
	height:auto;
	overflow:hidden;
	float:right;
}
.rj-login-main .frameDiv .right img{
	display:block;
	width:100%;
}
.rj-login-main .frameDiv .right h2{
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	line-height:24px;
	font-size:15px;
	color:#666;
	font-weight: normal;
	margin-top:60px;
	margin-bottom:20px;
}
.rj-login-main .frameDiv .right .but{
	display:block;
	width:180px;
	height:48px;
	margin:0 auto 12px auto;
	border-radius:4px;
	text-align:center;
}
.rj-login-main .frameDiv .right .but i{
	display:inline-block;
	vertical-align: middle;
	height:48px;
	text-align:center;
	line-height:48px;
	font-size:32px;
	color:#fff;
	transition-duration:0.2s;
}
.rj-login-main .frameDiv .right .but:hover i{
	font-size:38px;
}
.rj-login-main .frameDiv .right .bc1{
	background-color:#17A4C1;
}
.rj-login-main .frameDiv .right .bc2{
	background-color:#2EBE31;
}
.rj-login-main .frameDiv .right .bc3{
	background-color:#22A4D5;
}
.rj-login-main .frameDiv .right .bc4{
	background-color:#F9663C;
}
.rj-login-main .frameDiv .right .bc5{
	background-color:#8461AF;
}
.rj-login-main .frameDiv .right .bc6{
	background-color:#E8E8E8;
}

.rj-login-main .frameDiv .right .but span{
	display:inline-block;
	vertical-align: middle;
	height:48px;
	line-height:47px;
	font-size:16px;
	color:#fff;
	margin-left:10px;
}
.rj-login-main .frameDiv .right .but span.cr{color:#333;}
.rj-login-main .frameDiv .right .text{
	width:100%;
	height:auto;
	overflow:hidden;
	line-height:24px;
	font-size:14px;
	color:#666;
	margin:20px auto 0 auto;
	text-align:left;
}
.rj-login-main .frameDiv .right .text p{
	width:100%;
	height:auto;
	overflow:hidden;
	line-height:24px;
	font-size:14px;
	color:#666;
}



.rj-login-form{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto 0 auto;
}
.rj-login-form .form-input{
	border:0;outline:none;
	width:300px;
	height:42px;
	border-radius:3px;
	padding: 0 15px;
	line-height:42px;
	font-size:14px;
	color:#666;
	border:1px solid #ddd;
	margin:16px 0 0 0;
	transition-duration:0.2s;
}
.rj-login-form .form-input:focus{
	border:1px solid #59B0FD;
}
.rj-login-form .btnSubmit{
	display:block;
	width:180px;
	height:42px;
	margin-top:20px;
	background-color:#59B0FD;
	text-align:center;
	line-height:42px;
	font-size:15px;
	color:#fff;
	border-radius:3px;
	cursor:pointer;
}
.rj-login-form .verification-Code{
	width:100%;
	height:42px;
	margin:16px 0 0 0;
}
.rj-login-form .verification-Code .form-code{
	border:0;outline:none;
	width:100px;
	height:42px;
	border-radius:3px;
	padding: 0 15px;
	line-height:42px;
	font-size:14px;
	color:#666;
	border:1px solid #ddd;
	transition-duration:0.2s;
	float:left;
}
.rj-login-form .verification-Code .form-code:focus{
	border:1px solid #59B0FD;
}
.rj-login-form .verification-Code img{
	display:block;
	width:160px;
	height:41px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	float:left;
}
.rj-login-form .verification-Code .getcode{
	border:0;outline:none;
	width:160px;
	height:44px;
	background-color:#FF6255;
	line-height:42px;
	font-size:14px;
	color:#fff;
	cursor:pointer;
}
.rj-login-form .text{
	width:100%;
	height:24px;
	margin:50px auto 0 auto;
}
.rj-login-form .text span{
	display:block;
	line-height:24px;
	font-size:14px;
	color:#666;
	float:left;
}
.rj-login-form .text a{
	display:block;
	line-height:24px;
	font-size:14px;
	color:#3C9FF8;
	float:left;
	margin-right:15px;
}


}



/*小于1024像素*/
@media all and (max-width:1020px){
	body{width: 100wh; height:100vh; color: #fff;background: linear-gradient(-45deg, rgba(9,69,138,0.2), rgba(68,155,255,0.7), rgba(117,113,251,0.7), rgba(68,155,255,0.7), rgba(9,69,138,0.2));background-size: 400% 400%;-webkit-animation: Gradient 15s ease infinite;-moz-animation: Gradient 15s ease infinite;animation: Gradient 15s ease infinite;}
.container{width: 100%; height:100%;position:fixed; z-index:1;top:0;left:0;}

.rj-login-main{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto 0 auto;
	padding-bottom:10px;
	position:absolute;
	z-index:999;
}
.rj-login-main .frameDiv{
	width:96%;
	height:auto;
	overflow:hidden;
	padding:50px 0px 50px 0px;
	margin:60px auto 0 auto;
	background: rgba(255,255,255, 1);
	border-radius:4px;
}
.rj-login-main .frameDiv .left{
	width:100%;
	height:auto;
	overflow:hidden;
}
.rj-login-main .frameDiv .left .logo{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto 0px auto;
}
.rj-login-main .frameDiv .left .logo img{
	display:block;
	width:200px;
	margin:0 auto;
}
.rj-login-main .frameDiv .left h2{
	display:block;
	width:100%;
	height:22px;
	line-height:22px;
	font-size:14px;
	text-align:center;
	color:#666;
	font-weight: normal;
	margin-bottom:24px;
}
.rj-login-main .frameDiv .left h1{
	display:block;
	width:100%;
	height:22px;
	line-height:22px;
	font-size:18px;
	text-align:center;
	color:#666;
	font-weight: normal;
	margin-top:10px;
	margin-bottom:20px;
}


.rj-login-main .frameDiv .right{
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
}
.rj-login-main .frameDiv .right h2{
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	line-height:24px;
	font-size:15px;
	color:#666;
	font-weight: normal;
	margin-top:30px;
	margin-bottom:20px;
}
.rj-login-main .frameDiv .right .but{
	display:inline-block;
	vertical-align: middle;
	width:160px;
	height:48px;
	margin:0 0 12px 0;
	border-radius:4px;
	text-align:center;
}
.rj-login-main .frameDiv .right .but i{
	display:inline-block;
	vertical-align: middle;
	height:48px;
	text-align:center;
	line-height:48px;
	font-size:32px;
	color:#fff;
	transition-duration:0.2s;
}
.rj-login-main .frameDiv .right .but:hover i{
	font-size:38px;
}
.rj-login-main .frameDiv .right .bc1{
	background-color:#17A4C1;
}
.rj-login-main .frameDiv .right .bc2{
	background-color:#2EBE31;
}
.rj-login-main .frameDiv .right .bc3{
	background-color:#22A4D5;
}
.rj-login-main .frameDiv .right .bc4{
	background-color:#F9663C;
}
.rj-login-main .frameDiv .right .bc5{
	background-color:#8461AF;
}
.rj-login-main .frameDiv .right .but span{
	display:inline-block;
	vertical-align: middle;
	height:48px;
	line-height:47px;
	font-size:16px;
	color:#fff;
}
.rj-login-main .frameDiv .right .text{
	width:91%;
	height:auto;
	overflow:hidden;
	line-height:24px;
	font-size:14px;
	color:#666;
	margin:8px auto 0 auto;
	text-align:left;
}
.rj-login-main .frameDiv .right .text p{
	width:100%;
	height:auto;
	overflow:hidden;
	line-height:24px;
	font-size:14px;
	color:#666;
}



.rj-login-form{
	width:90%;
	height:auto;
	overflow:hidden;
	margin:0 auto 0 auto;
}
.rj-login-form .form-input{
	border:0;outline:none;
	width:91%;
	height:42px;
	border-radius:3px;
	padding: 0 4%;
	line-height:42px;
	font-size:14px;
	color:#666;
	border:1px solid #ddd;
	margin:16px auto 0 auto;
	transition-duration:0.2s;
}
.rj-login-form .form-input:focus{
	border:1px solid #59B0FD;
}
.rj-login-form .btnSubmit{
	display:block;
	width:100%;
	height:42px;
	margin-top:20px;
	background-color:#59B0FD;
	text-align:center;
	line-height:42px;
	font-size:15px;
	color:#fff;
	border-radius:3px;
	cursor:pointer;
}
.rj-login-form .verification-Code{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:16px 0 0 0;
}
.rj-login-form .verification-Code .form-code{
	border:0;outline:none;
	width:100px;
	height:42px;
	border-radius:3px;
	padding: 0 15px;
	line-height:42px;
	font-size:14px;
	color:#666;
	border:1px solid #ddd;
	transition-duration:0.2s;
	float:left;
}
.rj-login-form .verification-Code .form-code:focus{
	border:1px solid #59B0FD;
}
.rj-login-form .verification-Code img{
	display:block;
	width:160px;
	height:42px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	float:left;
}
.rj-login-form .verification-Code .getcode{
	border:0;outline:none;
	width:160px;
	height:44px;
	background-color:#FF6255;
	line-height:42px;
	font-size:14px;
	color:#fff;
	cursor:pointer;
}
.rj-login-form .text{
	width:100%;
	height:24px;
	margin:20px auto 0 auto;
}
.rj-login-form .text span{
	display:block;
	line-height:24px;
	font-size:14px;
	color:#666;
	float:left;
}
.rj-login-form .text a{
	display:block;
	line-height:24px;
	font-size:14px;
	color:#3C9FF8;
	float:left;
	margin-right:15px;
}
	
}


@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}