@CHARSET "UTF-8";
body{
	margin:0;
	padding:0;
	font-family: "微软雅黑", "宋体", Arial, sans-serif;
	width:100%;
	color:#454545;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.header{
	height:81px;
	width:100%;
	background-color:#fff;
}
.contain_header{
	width:1168px;
	margin:0 auto;
	height:81px;
}
.logo{
	display:inline-block;
	background:url(../img/xn+_logo.png) center no-repeat ;
	width:118px;
	height:49px;
	margin-top:16px;
}
.link li{
	position:relative;
	top:28px;
	display:inline-block;
	height:25px;
	margin-right:20px;
}
.xn_group{
	background:url(../img/login_icon.png) no-repeat 0 -100px;
}
.link li>a{
	position:relative;
	top:8px;
	padding-left:31px;
	font-size:16px;
	text-decoration: none;
	color:#626160;
	
}
.link li>a:hover{
	text-decoration: underline;
}
.main{
	width:100%;
	height:468px;
	background-color:#7992b6;
}
.contain_main{
	width:1208px;
	margin:0 auto;
	height:468px;
    position: relative;
}
.login_pic{
	height:468px;
	width:1208px;
}
.login_form{
    position: absolute;
    right:0;
    top:35px;
	height:357px;
	width:302px;
	background-color:#fff;
	padding:20px 61px 20px 61px;
	text-align:center;
	-webkit-box-shadow: #3f5574 2px 4px 10px; 
	-moz-box-shadow: #3f5574 2px 4px 10px; 
	box-shadow: #3f5574 2px 4px 10px;
}
.login_please{
	height:31px;
}
.login_message{
	height:30px;
	line-height:30px;
}
.please{
	font-size:16px;
	height:16px;
	border-bottom:solid 1px #2eb77f;
	padding:0 50px 15px 50px;
}
.loginItem{
	position: relative;
	border:solid 1px #d9d9d9;
	height:40px;
	width:300px;
}
.mt_30{
	margin-top:30px;
}
.inSpan{
	position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
	width:30px;
	margin:4px 8px;
	height:32px;
}
.company{
	background:url(../img/login_icon.png) no-repeat 0 0;
}
.userName{
	background:url(../img/login_icon.png) no-repeat 0 -32px;
}
.password{
	background:url(../img/login_icon.png) no-repeat 0 -64px;
}
.intext{
    height: 32px;
    border: 0;
    margin: 4px;
    width: 252px;
    float: right;
    overflow: hidden;
    font-size: 14px;
    outline: none;
}
.remberItem{
	line-height:42px;
	height:42px;
	text-align:left;
}
.loginBtn{
	height:40px;
	width:302px;
	border:0;
	background-color:#3f5574;
	font-size:16px;
	color:#fff;
	font-family: "微软雅黑";
}
.otherLoginWay{
	height:20px;
	line-height:20px;
	text-align:left;
	margin-top:10px;
}
.qq-icon{
	display:inline-block;
	background:url(../img/QQ.png) center no-repeat;
	width:16px;
	height:16px;
	margin:0 10px;
}
.wechat-icon{
	display:inline-block;
	background:url(../img/wechat.png) center no-repeat;
	background-size:100% 100%;
	width:16px;
	height:16px;
	margin:0 10px;
}
.qq-icon:hover,.wechat-icon:hover{
	cursor:pointer;
}
.footer{
	padding-top:20px;
	text-align:center;
}
.footer_span{
	line-height:20px;
}
.footer_span i{
	width:18px;
	height:18px;
	display:inline-block;
	margin-right:5px;
	vertical-align:middle;
	background:url("../img/lz3.jpg") no-repeat;
}
/* waitting */
#loading{
	background-color: #7992b6;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 10;
	margin-top: 0px;
	top: 0px;
	display:none;
}
#loading-center{
	width: 100%;
	height: 100%;
	position: relative;
	}
#loading-center-absolute {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 20px;
	width: 100px;
	margin-top: -10px;
	margin-left: -50px;

}
.object{
	width: 10px;
	height: 10px;
	background-color: #FFF;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	margin-right: 20px;
	margin-bottom: 20px;
	position: absolute;	
}
#object_one{
	-webkit-animation: object 2s linear infinite;
	 animation: object 2s linear infinite;
	 }
#object_two{ 
	-webkit-animation: object 2s linear infinite -.4s;
	animation: object 2s linear infinite -.4s;
	 }
#object_three{ 
	-webkit-animation: object 2s linear infinite -.8s; 
	animation: object 2s linear infinite -.8s; 
	}
#object_four{ 
	-webkit-animation: object 2s linear infinite -1.2s;
	animation: object 2s linear infinite -1.2s; 
	} 
#object_five{ 
	-webkit-animation: object 2s linear infinite -1.6s; 
	animation: object 2s linear infinite -1.6s; 
	}
	
	
@-webkit-keyframes object{
  0% { left: 100px; top:0}
  80% { left: 0; top:0;}
  85% { left: 0; top: -20px; width: 10px; height: 10px;}
  90% { width: 20px; height: 10px; }
  95% { left: 100px; top: -20px; width: 10px; height: 10px;}
  100% { left: 100px; top:0; }		
	
}		
@keyframes object{
  0% { left: 100px; top:0}
  80% { left: 0; top:0;}
  85% { left: 0; top: -20px; width: 10px; height: 10px;}
  90% { width: 20px; height: 10px; }
  95% { left: 100px; top: -20px; width: 10px; height: 10px;}
  100% { left: 100px; top:0; }
}	

.bind-main{
	width:100%;
	height:468px;
	background-color:#efeeee;
}
.bind-contain{
	width:402px;
	margin:0 auto;
	height:428px;
	padding:20px;
}
.bind-warnning{
	height:15px;
	font-size:12px;
	line-height:15px;
	text-align:center;
	color:red;
}
.bind-message{
	height:25px;
	font-size:18px;
	line-height:25px;
	text-align:center;
}
#bindForm{
	width:302px;
	padding:0 50px;
}
.new-year{
	background:url(../img/2018newyear.png) center no-repeat;
	background-size:100% 100%;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 10;
	margin-top: 0px;
	top: 0px;
}
.new-year-close{
	display:inline-block;
	position: fixed;
	margin-top: 0px;
	top: 10px;
	right: 10px;
	width:32px;
	height:32px;
	background:url(../img/close_icon.png) center no-repeat;
	background-size:100% 100%;
}
.new-year-close:hover{
	cursor:pointer;
}