﻿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{ height:100px; overflow: hidden;}
.top{ width:1200px; margin: 0 auto; overflow: hidden;}
.top_left{ float: left; margin-top:20px;}
.top_left img{ width:150px;}
.top_right{ float: right; margin-top:20px; font-size:12px; font-family: arial; color:#fff;}
.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:#fff; font-size:14px; line-height:80px; bottom:0; left: 0; width:100%; height:80px; background:rgba(0,0,0,0.5);}
.Lnform{ position: fixed; top:50%; right:13%; margin-top:-230px; height:393px; width:360px; background:#fff;}
.Lntab{ cursor: pointer; position: absolute; top:10px; right:10px; width:60px; height:60px; }
.Lntab_code{  background:url(static/images/lntab_03.png) right top no-repeat; background-size:100% 100%;}
.Lntab_pc{  background:url(static/images/lntab_033.png) right top no-repeat; background-size:100% 100%;}
.Lnh2{ text-align: center; color:#696969; padding:30px 0; font-size:24px; font-weight:normal;}
.Lndiv{ overflow: hidden; margin: 20px 25px; margin-top:0px;}
.LnLabel{ height:45px; background:#f6f6f6;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{transition: all 0.8s;-webkit-transition: all 0.8s;-moz-transition: all 0.8s; background:#4c96ff; overflow:hidden;  height:45px; line-height: 40px; border-radius:5px;  margin-top:20px; position: relative;}
.Lnbtn:hover{ background:#2770d8;}
.Ln_button{cursor: pointer; height:45px; line-height: 45px; margin-top:7px; color:#fff; border: none; box-sizing: border-box; margin: 0; padding:0; font-size:14px; font-family: arial,微软雅黑; outline: none; background:none; width:100%; }
.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;}

#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); 
	  }
	  
	}