﻿body,html{ height:100%; width:100%; overflow: hidden; padding:0; margin:0;}
*{ padding:0; margin: 0;}
a{ color:#666; text-decoration: none;}
/*.Lnbackimg{ position: fixed; top:50%; left:18%; margin-top:-350px; width:580px; opacity: 0.85;}*/
.header{ width:100%;height:60px; overflow: hidden; background:#fff;}
.top{ width:100%; margin: 0 auto; overflow: hidden;}
.top_left{ float: left; margin-top:10px;margin-left:120px;}
.top_left img{ width:135px;}
.top_right{ float: right; margin-top:10px;margin-right:120px; font-size:12px; font-family: arial; color:#666;}
.top_right span{ font-size:20px; margin-top:10px;}
.top_right img{ width:13px; vertical-align: middle; margin-right:3px; display: inline-block; margin-top:-3px;}
.Lnbackimg{ position: fixed; top:50%; left:20%; margin-top:-290px; width:500px; opacity:0.85;}
.Lnfooer{ position:fixed; text-align: center; color:#666; font-size:12px; line-height:60px; bottom:0; left: 0; width:100%; height:60px; background:#fff;}
.Lnform{ position: fixed; top:50%; left:50%; margin-top:-200px; height:380px; width:360px; margin-left:-180px; background:rgba(255,255,255,0.8);}
.Lntab{ cursor: pointer; position: absolute; top:10px; right:10px; width:60px; height:60px; }
.Lntab_code{  background:url(/images/lntab_03.png) right top no-repeat; background-size:100% 100%;}
.Lntab_pc{  background:url(/images/lntab_033.png) right top no-repeat; background-size:100% 100%;}
.Lnh2{ font-weight: bold; text-align: center; color:#696969; padding:30px 0; font-size:24px; padding-right:10px;}
.Lndiv{ overflow: hidden; margin: 20px 25px; margin-top:0px;}
.LnLabel{ height:45px; background:#fff;border-radius:5px; margin-bottom:15px; position: relative;}
.LnLabel_img{ position: absolute; top:12px; left:10px; height:18px;}
.Ln_input{ outline: none;height:40px;padding:0; margin: 0; margin-top:2px; border: none; box-sizing: border-box; padding:0 10px; font-size:16px; font-family: arial,微软雅黑; outline: none; background:none; width:250px; margin-left:40px;}
.Lnbtn{ overflow:hidden;  height:45px; line-height: 40px;  margin-top:20px; position: relative;}
.Lnbtn .Lnbtn_left{ float: left; width:50%; padding-right:10px; box-sizing: border-box;overflow: hidden;}
.Lnbtn .Lnbtn_right{ float: left; width:50%; padding-left:10px; box-sizing: border-box;overflow: hidden;}
.Ln_button{cursor: pointer; height:45px; line-height: 45px; margin-top:7px; color:#fff; border-radius:5px;  border: none; box-sizing: border-box; margin: 0; padding:0; font-size:14px; font-family: arial,微软雅黑; outline: none; background:none; width:100%; background:#4c96ff;transition: all 0.8s;-webkit-transition: all 0.8s;-moz-transition: all 0.8s; border: 1px solid #4c96ff; box-sizing: border-box; }
.Ln_button2{cursor: pointer; height:45px; line-height: 45px; margin-top:7px; color:#4c96ff; border-radius:5px;  border: none; box-sizing: border-box; margin: 0; padding:0; font-size:14px; font-family: arial,微软雅黑; outline: none; background:none; width:100%; background:#fff;transition: all 0.8s;-webkit-transition: all 0.8s;-moz-transition: all 0.8s; border: 1px solid #4c96ff; box-sizing: border-box;}
/*.Ln_button:hover{ background:#2770d8;}*/
.Ln_error{ margin-top:10px; color:#FF4D51; font-size:12px; text-align: center;}
.code{cursor: pointer;  color:#fff; position: absolute; top:0; right:-110px; width:100px; height:45px; line-height: 45px; margin: 0; padding:0; border: none; font-size:14px; border-radius:5px; font-family: arial,微软雅黑; outline: none; background:#4c96ff; }
.link{ font-size:12px; margin-top:15px;  text-align: center; color:#666;}
.link a{ color:#ff9308;}
.Lndiv_code{ display: none; text-align: center; overflow: hidden; margin: 0px 35px; margin-top:-2px;}
.Lndiv_code img{ width:90%;}

#loading-center{
	width: 100%;
	height: 100%;
	position: absolute;
	background:rgba(255,255,255,0.6);
	z-index: 999;
	border-radius:7px;
	display: none;
}
#loading-center-absolute {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 150px;
	width: 150px;
	margin-top: -75px;
	margin-left: -75px;
    -moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
}
.object{
	width: 12px;
	height: 12px;
	background-color: #409EFF;
	position: absolute;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	-webkit-animation: animate 0.8s infinite;
	animation: animate 0.8s infinite;
}

	#object_one {
		top: 14px;
		left: 37px;
		}
	#object_two {
		top: 2px;
		left: 65px;
		-webkit-animation-delay: 0.1s;
	    animation-delay: 0.1s;

		}
	#object_three {
		top: 14px;
		left: 95px;
		-webkit-animation-delay: 0.2s;
	    animation-delay: 0.2s;

		}
	#object_four {
		top: 40px;
		left: 107px;
		-webkit-animation-delay: 0.3s;
	    animation-delay: 0.3s;
	}
	#object_five {
		top: 70px;
		left: 98px;
		-webkit-animation-delay: 0.4s;
	    animation-delay: 0.4s;
	}
	#object_six {
		top: 84px;
		left: 65px;
		-webkit-animation-delay: 0.5s;
	    animation-delay: 0.5s;
	}
	#object_seven {
		top:70px;
		left: 33px;
		-webkit-animation-delay: 0.6s;
	    animation-delay: 0.6s;
	}
	#object_eight {
		top: 40px;
		left: 23px;
		 -webkit-animation-delay: 0.7s;
	    animation-delay: 0.7s;
	}
    
	@-webkit-keyframes animate {
	 
	  25% {
		-ms-transform: scale(1.5); 
	   	-webkit-transform: scale(1.5);   
	    transform: scale(1.5);  
		  }
	  75% {
		-ms-transform: scale(0); 
	   	-webkit-transform: scale(0);  
	    transform: scale(0);  
		  }
	}

	@keyframes animate {
	  50% {
		-ms-transform: scale(1.5,1.5); 
	   	-webkit-transform: scale(1.5,1.5); 
	    transform: scale(1.5,1.5); 
		  }
	 
	  100% {
		-ms-transform: scale(1,1); 
	   	-webkit-transform: scale(1,1); 
	    transform: scale(1,1); 
	  }
	  
	}