body { padding:0; margin:0;font-family:"Microsoft YaHei","微软雅黑","verdana";font-size: 14px;color:#333333; background-color: #E6E6E6; /* min-width:1200px;*/overflow-x: hidden; background-attachment:fixed;background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover; /*background:url(../images/bg.jpg) repeat;*/} 
html,input,textarea,button{font-family:"Microsoft YaHei","微软雅黑","verdana";}
:focus{outline: 0;} 
*{ margin:0;padding:0;outline: none; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    	box-sizing: border-box;	     
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
}
img{border:0; display:inline-block; max-width: 100%;}
input,button,textarea{border-radius: 4px;-webkit-user-select:auto; /*webkit浏览器*/
	user-select:auto;
	-o-user-select:auto;
	-ms-user-select:auto; }
textarea{ resize: none;}
input[type="submit"],input[type="button"],button,a,.pointer{ cursor: pointer;}
ul,ol,li{ list-style:none}
a {color:#333333;text-decoration: none;cursor:pointer;}
a:hover {color:#335A9F;text-decoration: none;}

::-webkit-input-placeholder {color:#ccc;}
:-moz-placeholder {color:#ccc;}
::-moz-placeholder {color:#ccc;}
:-ms-input-placeholder {color:#ccc;}

.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
* html .clearfix{zoom:1;}
*:first-child + html .clearfix{zoom:1;}
.none{ display: none;}
.visible{ visibility: hidden;}
.fr{ float: right;}
.fl{ float: left;} 
a,button,input[type="submit"],input[type="button"]{ cursor: pointer;}

.loginBody{
	position: relative;
	height: 100%;
	min-height:600px;
	background-image: url(../images/loginBg.jpg); 
	background-size: 100% auto;
	background-position: left top;
	background-repeat: no-repeat;
}
.loginBox{ 
	position: absolute;
	top: 50%;
	left: 50%;
	width: 818px;
	height: 452px;
	padding: 16px;
	margin: -226px 0 0 -409px;
	border-radius: 4px;
	overflow: hidden;
	background:url(../images/loginFormbg.png) center no-repeat;
}
.loginLogo{
	float: left;
	display: block;
	width: 322px;
	height: 420px;
	/*background: url(../images/logo-login.png) center no-repeat;*/
}
.loginForm{
	float: right;
	width: 350px;
	margin-right: 52px;
}
.loginForm .tabHead{
	padding-top: 62px;
	color: #148cdc;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}
.loginForm .tabheader ul{height:50px;}
.loginForm .tabHead li{ float: left; width: 50%; height: 50px; line-height: 49px; cursor: pointer; border-bottom: 1px solid #E6E6E6; background: #f7f7f7;}
.loginForm .tabHead li.active{ border: 1px solid #E6E6E6; border-radius: 4px 4px 0 0; background: #FFFFFF; border-bottom: 1px solid #FFFFFF;}
.loginForm .tabContent{ height: 236px; overflow: hidden;}
.loginForm .loginQrcode{ padding-top: 8px; padding-left: 8px;}
.formList li{
	position: relative;
	margin-bottom: 12px;
	min-height: 46px;
}
.formList li.innerInput{
	padding: 10px 42px;
	border: 1px solid #ccc;
	background: #FFFFFF;
	border-radius: 4px;
}
.formList li.innerInput label{
	position: absolute;
	left: 0;
	top: 0;
	width: 42px;
	height: 44px;
	background-position: center center;
	background-repeat: no-repeat;
}
.formList li.innerInput.Code{ padding-right:150px;}
.formList li.innerInput.Code img{ position: absolute; right: 4px; top: 50%; margin-top: -18px; width: 90px; height: 36px; border: 0;}
.formList li.innerInput.pass{ padding-right: 150px;}
.formList li.innerInput.pass .repass{ position: absolute; right: 4px; top: 50%;  width:90px; height: 20px; margin-top: -10px;}
.formList li.innerInput.pass .repass label{ width: auto; position: relative; height: 20px; line-height: 20px; color: #999999;}

.formList .User{
	background-image:url(../images/icon/User.png);
}
.formList .Locked{
	background-image:url(../images/icon/Locked.png);
}
.formList .iconCode{
	background-image:url(../images/icon/code.png);
}
.formList li.innerInput input{
	width: 100%;
	height:24px;
	line-height: 24px;
	border: 0;
}

.btnLogin{
	 width: 200px;
	 height: 50px;
     padding:10px;
     text-align: center;
	 font-size: 22px;
	 color: #FFFFFF;
	 border: 0;
	 background: #05aaf0 !important;
	 border-color: #05aaf0 !important;
}
.btnLogin .icon{ 
	background-image: url(../images/icon/arrow_right_white.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding-left: 0;
	padding-right: 30px;
}

.check-list{ position: relative; display: inline-block; min-height: 20px;}
.check-list label{ display: inline-block; position: relative; z-index: 2; padding-left: 26px; color: inherit;line-height: 20px; cursor: pointer; background-position: left center !important; background-repeat: no-repeat;}
.check-list input{position: absolute; z-index: 0; left: 0; top: 0;width:20px; height: 20px; border: 0; display:inline-block;background: transparent;  -webkit-appearance: none;  outline: 0!important; cursor: pointer; opacity: 0;}
.check-list input:before{ content: ''; position: absolute; left: 0; top: 0; width:20px; height: 20px; border: 0; background-color: transparent; background-position: center center; background-repeat: no-repeat;}
.check-list input[type=checkbox]:before{ background-image: url(../images/icon/ok-full-grey.png);}
.check-list input[type=checkbox]:checked:before{ background-image: url(../images/icon/ok-full-blue.png);}
.check-list label{ background-image: url(../images/icon/ok-full-grey.png);}
.check-list.checked label{background-image: url(../images/icon/ok-full-blue.png);}

.loginFoot{ 
	position: absolute;
	left: 0;
	bottom: 35px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	width: 100%;
	min-width:1200px;
}