body{ margin:0px; padding:0px; font:12px/150% "微软雅黑"; color:#666; background-color:#FFF; _background-image:url(about:blank); _background-attachment:fixed; }
input,button,select,textarea{outline:none;}
textarea{resize:none}
.fl{ float:left;}
.fr{ float:right;}
.page-center{width:990px; height:auto; margin:0 auto;}
/*清除ie8下图片边框*/
img { border:none}

.login-header{ width:100%; height:60px; padding:20px 0px;}
.login-header h2{float:right; font-size:16px; font-weight:300; line-height:40px;}
.login-header h2 .regist-link{ color:#00A3FE; font-weight:600; text-decoration:none;}
.login-wrap{width:100%; height:600px; background-color:#00508F ; background-image:url("../loginimages/login-banner.jpg"); background-repeat:no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment:scroll; background-position:0px 0px; position:relative;
/*ie8*/
-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.login-banner.jpg', sizingMethod='scale')";
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='login-banner.jpg', sizingMethod='scale');}
.login-wrap .banner{width:auto; height:auto; position:absolute; bottom:0;}
.login-wrap .login-box{width:100%; height:auto; position:absolute; top:0;}
.login-formbg{background-color:rgba(30, 142, 205, 0.65);}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
.login-formbg{background: #1e8ecd;
filter:Alpha(opacity=65);/* 只支持IE6、7、8、9 */
position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
*zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */}
.login-wrap .login-box .login-form .title{position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值，保证字体颜色不透明 */}
.login-wrap .login-box .login-form .title h1{position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值，保证字体颜色不透明 */}
.login-wrap .login-box .login-form .form-wrap .login-btn{position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值，保证字体颜色不透明 */} }
.login-wrap .login-box .login-form{width:300px; height:auto; float:right; position:relative; top:100px; padding:20px;border-top: 3px solid #00A3FF;}
.login-wrap .login-box .login-form .title{display:block; width:100%; height:27px; margin-bottom:15px;}
.login-wrap .login-box .login-form .title h1{padding:0; margin:0; height:27px; line-height:27px; /*float:left;*/ font-size:20px; font-weight:600; text-align:center; color:#fff;}
.login-wrap .login-box .login-form .title span{display:block; width:auto; float:right; line-height:27px; text-align:right; font-size:14px; color:#b61d1d;}
.login-wrap .login-box .login-form .title span a{line-height:27px; font-size:14px; color:#b61d1d; text-decoration:none;}
.login-wrap .login-box .login-form .title span i{display:block; width:16px; height:16px; margin:5px 0px; background:url(../loginimages/icon-login.png) no-repeat -2px -2px; float:left; padding:0px 2px; vertical-align:middle;}
.login-wrap .login-box .login-form .form-wrap{display:block; width:100%; height:auto;}
.login-wrap .login-box .login-form .form-wrap .item-1{position:relative; border:1px solid #bdbdbd; margin-bottom:20px;}
.login-wrap .login-box .login-form .form-wrap .item-1 .label-icon{position:absolute; top:0px; left:0px; display:block; width:36px; height:36px; background-color:#EEE; border-right:1px solid #bdbdbd;}
.login-wrap .login-box .login-form .form-wrap .item-1 .label-icon label{display:block; width:16px; height:16px; margin:9px;}
.login-wrap .login-box .login-form .form-wrap .item-1 .label-icon label.user{ background:url(../loginimages/icon-login.png) no-repeat 0px -1px; }
.login-wrap .login-box .login-form .form-wrap .item-1 .label-icon label.password{background:url(../loginimages/icon-login.png) no-repeat -20px -1px;}
.login-wrap .login-box .login-form .form-wrap .item-1 > input{width:208px; height:18px; line-height:18px; border:0px; padding:9px 45px; box-shadow: 1px 2px 3px #ccc;}
.login-wrap .login-box .login-form .form-wrap .item-1 > span{position:absolute; top:10px; right:10px; font-size:16px; color:#ccc; cursor:pointer;}
.login-wrap .login-box .login-form .form-wrap .item-1 > span:hover{color:#666;}
.login-wrap .login-box .login-form .form-wrap .item-1:hover input{border: 0px; box-shadow:#ccc 0px 1px 3px inset;}
.login-wrap .login-box .login-form .form-wrap .login-btn{display:block;  height:auto; padding:0px; margin:0px; margin-bottom:20px; border:1px solid #0081C9;}
.login-wrap .login-box .login-form .form-wrap .login-btn a{ display:block; height:30px; line-height:30px; font-size:20px; text-align:center; text-decoration:none; font-weight:300; color:white;  border:1px solid #1e8ecd; background-color:#00A3FF;}
.login-wrap .login-box .login-form .form-wrap .login-btn button{ display:block; height:30px; line-height:30px; font-size:20px; text-align:center; text-decoration:none; font-weight:300; color:white;  border:1px solid #1e8ecd; background-color:#00A3FF;}
.login-wrap .login-box .login-form .form-wrap .login-btn a:hover{color:white; text-decoration:none; border:1px solid #00A3FE; cursor:pointer;}
/*add*/
.login-wrap .login-box .login-form .form-wrap .login-btn input{ display:block; height:40px;font-size:20px; text-align:center; text-decoration:none; font-weight:300; color:white;  border:1px solid #1e8ecd; background-color:#00A3FF; width:100%; cursor:pointer; font-family:"微软雅黑";}
.login-footer{text-align:center; vertical-align:bottom}
    .login-footer h6 {
        font-size: 14px;
        font-weight: 600;
        margin: 20px 0px;
        vertical-align:  text-bottom
    }