html, body {
	font-size: 12px;
	height: 100%;
}

body {
	min-height: 680px;
	color: #333;
	font-weight: 400;
	font-family: "Microsoft Yahei",Arial,"Hiragino Sans GB",Hei,sans-serif;
	line-height: 1.42857143
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6,ol,p,ul {
	margin: 0;
	font-weight: 400
}

*,::after,::before,body,html {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0
}

a { 
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-webkit-backface-visibility: hidden
}
input[type=text],input[type=password]{
	width: 300px;
	height: 40px;
	border:none;
	outline: transparent dotted;
	border-radius: 7px;
	padding:5px 0 ;
	padding-left: 37px;
	margin-bottom: 8px;
	font-size: 13px;
}
ul,li{
	list-style: none;
}
.left{
	float: left;
}
.right{
	float: right;
}
.btn-l{
	display: inline-block;
	background-color: #0098d7;
	height: 43px;
	line-height: 43px;
	color:#fff;
	text-align: center;
	cursor: pointer;
	font-size: 16px;
}
.btn-l:hover,.btn-l:focus{
	color: #fff;
	background:#15a6e2;
}
.icon{
	display: inline-block;
	background:url(../Images/icon.png) no-repeat;
}
/*header*/
.header{
	position: fixed;
	width: 100%;
	top:0;
	left:0;
	z-index: 3;
}
.header .header-top{
	width: 100%;
	height: 40px;
	background: #2c2c2c;
}
.header .header-top .s-onlinask,.header .header-top .s-phone{
	position: relative;
	display: inline-block;
	padding: 0 25px;
	color: #d6d6d6;
	font-size: 14px;
	cursor: default;
	height: 40px;
	line-height: 40px;
}
.header-top .s-onlinask>.icon,.header-top .s-phone>.icon{
	position: absolute;
	width: 21px;
	height: 16px;
	left:0;
	top:14px;
	background-position: -100px -13px;
	
}
.header-top .s-phone>.icon{
	top:10px;
	background-position: -126px -12px;
}

.header .header-top .s-onlinask:hover,.header .header-top .s-onlinask:focus{
	color: #fff;
	cursor: pointer;
}
.header .header-logo{
	background:#fff;
	padding:25px 0;
	border-bottom: 1px solid #eee;
}
.header .header-logo .top-right{
	text-align: right;
}
.header .header-logo .btn-l{
	width: 111px;
	border-radius: 25px;
	font-size: 18px;
}
/*main*/
.main{
	position: relative;
	min-height: 100%;
	height: 100%;
	padding-top: 134px;
	padding-bottom:44px;
	z-index: 2;
}
.main .main-bg{
	min-height: 100%;
	height: 100%;
	background:url(../Images/bg.jpg) no-repeat 50% 50%;
	background-size: cover;
}
.main .login{
	border-radius: 10px;
	background:rgba(0, 0, 0, 0.10);
	text-align: center;
	padding:32px 20px 20px;
	width: 342px;
	margin:0 auto;
	margin-top: 87px;
}
.main .login .l-ul li{
	position: relative;
}
.main .login .l-ul .icon{
	position: absolute;
	top:11px;
	left: 14px;
	height: 20px;
	width: 20px;
	background-position: -7px -45px;
}
.main #psd+.icon{
	background-position: -30px -46px;
}
.main #tjm+.icon{
	background-position: -51px -49px;
}
.main #yzm+.icon{
	background-position: -73px -47px;
}
.main .login .datalog{
	display: none;
}

.main .login-tabs>a{
	font-size: 18px;
	color:#666;
	font-family: Arial,"Microsoft Yahei","Hiragino Sans GB",Hei,sans-serif;
	font-weight: bold;
	cursor: pointer;
}
.main .login-tabs .span-line{
	display: inline-block;
	height: 20px;
	width: 2px;
	background-color: #0098d7;
	margin:0 15px;
	margin-bottom: -3px;
}
.main .login-tabs a.active{
	color:#0098d7;
}
.main .login .btn-l{
	width: 300px;
	height: 44px;
	border-radius: 5px;
}
.main .login .p-tip{
	text-align: right;
	margin-bottom: 23px;
}
.main .login .p-tip>a{
	font-size: 12px;
	color:#666;
}
.main .login .p-tip>a:hover{
	color: #15a6e2;
}
.main .login .div-bm{
	overflow: hidden;
	padding-top: 15px;
	color:#666;
}
.main .login .div-bm .icon{
	width: 25px;
	height: 20px;
	background-position: -5px 0;
}
.main .login .div-bm .icon1:hover{
	background-position: -5px -20px;
}
.main .login .div-bm .icon2{
	background-position: -35px 0;
}
.main .login .div-bm .icon2:hover{
	background-position: -35px -20px;
}
.main .login .div-bm .icon3{
	background-position: -66px 0;
}
.main .login .div-bm .icon3:hover{
	background-position: -66px -20px;
}
.main .login .error{
	color:red;
	padding-bottom: 5px;
	text-align: left;
	font-size: 13px;
	height: 23px;
}
/*footer*/
.footer{
	position: fixed;
	width: 100%;
	bottom: 0;
	left:0;
	background: #2c2c2c;
	z-index: 3;
}
.footer span{
	display: inline-block;
	color: #8e8e8e;
	font-size: 13px;
	cursor: default;
	height: 44px;
	padding-top: 10px;
}
.footer .f-itex>a{
	 display: inline-block;
	 position: relative;
	 font-size: 12px;
	 color: #999; 
	 height: 44px;
	 line-height: 44px;
	 padding-left: 35px;
	 margin-right: 15px;
}
.footer .f-itex>a:hover{
	color: #fff;
}
.footer .f-itex .icon{
	position: absolute;
	top:10px;
	left:0;
	height: 30px;
	width: 30px;
	background-position: -3px -70px;
}
.footer .f-itex .icon2{
	background-position: -58px -70px;
}
.footer .f-itex .icon3{
	background-position: -107px -70px;
}