@charset "utf-8";
/* -----------H-ui前端框架-------------
* H-ui.login.css v2.2.1	后台登录页样式
* http://www.h-ui.net/
* Created & Modified by guojunhui
* Date modified 2015.6.5
*
* Copyright 2013-2017 北京颖杰联创科技有限公司 All rights reserved.
* Licensed under MIT license.
* http://opensource.org/licenses/MIT
*
*/
html, body{ height:100%}
body{font-size:14px}

.header,.footer{ position:absolute; left:0; right:0; width:100%; z-index:99}
.header{top:0; height:85px; background:#ec5a4b  ;}
.header h1{display:inline-block;color:#fff;margin-left:5%;}

.loginbj { width:100%; background:#eeeeee url(../images/admin-login-bg2.jpg) no-repeat center; position:absolute; left:0; top:0; bottom:0; right:0; z-index:1;}
.loginWraper{ position:absolute; width:1200px; left:50%; top:0; bottom:0; right:0; z-index:1; margin-left:-600px;}
.loginBox{ position:absolute; width:460px; height:350px;  background:rgba(255,255,255,1);filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#ffffffff',endColorstr='#ffffffff');  right:50%; margin-right:-230px; top:50%;  margin-top:-200px; padding-top:38px}
@media (max-width:617px) {
	.loginbox{ width:100%; position:static; margin-top:0; margin-left:0;}
}
.loginBox .row{margin-top:20px;}
.loginBox .row .form-label .Hui-iconfont{ font-size:24px}
.loginBox .input-text{ }
@media (max-width:617px) {
	.loginBox .input-text{ width:80%}
}
	.yzm a{ color:#426374; font-size:12px}

#span_msg{ font-size:14px; color:Red; line-height:40px; height:40px; margin-left:10px; width:160px;; float:left}

.hd_msg{font-size:12px; color:#fff; height:30px; z-index:100;position: absolute; padding-left:50px; padding-top:5px}
.hd_msg a{ color:#fff}
.hd_msg a:hover{ color:#fff; text-decoration:underline}

.footer{ height:46px; line-height:46px; bottom:0; text-align:center; color:#656766; font-size:14px;  background:#fff;}

#ie6-warning{background:#fff url(/jscss/demoimg/201006/warning.gif) no-repeat 3px center;position:absolute;top:0;left:0;font-size:12px;color:#333;width:97%;padding: 2px 15px 2px 23px;text-align:left}
#ie6-warning a {text-decoration:none}



.userNav { position:absolute; width:1180px; height:562px; left:50%; top:50%;right:0; z-index:1; margin-left:-590px; margin-top:-281px; }
.userNav a { color:#666; text-decoration:none; }
.userNav ul li { position:absolute; border:1px solid rgba(0,0,0,0.01); }
.userNav ul li a { color:#666; display:block; text-decoration:none; }
.userNav ul li a:hover { color:#fff; }

.userNav ul li.an1 { width:276px; height:134px; overflow:hidden; line-height:134px; font-size:24px; }
.userNav ul li.an2 { width:134px; height:134px; overflow:hidden; line-height:38px; font-size:18px; text-align:center; }
.userNav ul li.an3 { width:276px; height:276px; overflow:hidden; line-height:46px; font-size:32px; text-align:center; }
.userNav ul li.an4 { width:134px; height:63px; overflow:hidden; line-height:63px; font-size:18px; background:#fff; text-align:center; }

.userNav ul li .ico1 { background:url(../images/user_ico.png) 0 0 #fff no-repeat; padding:0 0 0 130px;}
.userNav ul li .ico1:hover { background:url(../images/user_ico.png) -300px 0 #dd514c no-repeat; }
.userNav ul li .ico2 { background:url(../images/user_ico.png) 0 -135px #fff no-repeat; padding:0 0 0 130px;}
.userNav ul li .ico2:hover { background:url(../images/user_ico.png) -300px -135px #dd514c no-repeat; }
.userNav ul li .ico3 { background:url(../images/user_ico.png) 0 -270px #fff no-repeat; padding:0 0 0 130px;}
.userNav ul li .ico3:hover { background:url(../images/user_ico.png) -300px -270px #dd514c no-repeat; }
.userNav ul li .ico4 { background:url(../images/user_ico.png) 0 -405px #fff no-repeat; padding:0 0 0 130px;}
.userNav ul li .ico4:hover { background:url(../images/user_ico.png) -300px -405px #dd514c no-repeat; }
.userNav ul li .ico5 { background:url(../images/user_ico.png) 0 -540px #fff no-repeat; padding:0 0 0 130px;}
.userNav ul li .ico5:hover { background:url(../images/user_ico.png) -300px -540px #dd514c no-repeat; }
.userNav ul li .ico6 { background:url(../images/user_ico.png) 0 -675px #fff no-repeat; padding:0 0 0 130px;}
.userNav ul li .ico6:hover { background:url(../images/user_ico.png) -300px -675px #dd514c no-repeat; }
.userNav ul li .ico7 { background:url(../images/user_ico.png) 0 -810px #fff no-repeat; padding:0 0 0 130px;}
.userNav ul li .ico7:hover { background:url(../images/user_ico.png) -300px -810px #dd514c no-repeat; }

.userNav ul li .ico8 { background:url(../images/user_ico.png) -600px 0 #fff no-repeat; padding:86px 0 10px 0px; }
.userNav ul li .ico8:hover { background:url(../images/user_ico.png) -600px -150px #dd514c no-repeat; }
.userNav ul li .ico9 { background:url(../images/user_ico.png) -735px 0 #fff no-repeat; padding:86px 0 10px 0px; }
.userNav ul li .ico9:hover { background:url(../images/user_ico.png) -735px -150px #dd514c no-repeat; }
.userNav ul li .ico10 { background:url(../images/user_ico.png) -870px 0 #fff no-repeat; padding:86px 0 10px 0px; }
.userNav ul li .ico10:hover { background:url(../images/user_ico.png) -870px -150px #dd514c no-repeat; }
.userNav ul li .ico11 { background:url(../images/user_ico.png) -1005px 0 #fff no-repeat; padding:86px 0 10px 0px; }
.userNav ul li .ico11:hover { background:url(../images/user_ico.png) -1005px -150px #dd514c no-repeat; }

.userNav ul li .ico12 { background:url(../images/user_ico.png) -1140px 0 #fff no-repeat; padding:86px 0 10px 0px; }
.userNav ul li .ico12:hover { background:url(../images/user_ico.png) -1140px -150px #dd514c no-repeat; }
.userNav ul li .ico13 { background:url(../images/user_ico.png) -1275px 0 #fff no-repeat; padding:86px 0 10px 0px; }
.userNav ul li .ico13:hover { background:url(../images/user_ico.png) -1275px -150px #dd514c no-repeat; }
.userNav ul li .ico14 { background:url(../images/user_ico.png) -1410px 0 #fff no-repeat; padding:86px 0 10px 0px; }
.userNav ul li .ico14:hover { background:url(../images/user_ico.png) -1410px -150px #dd514c no-repeat; }
.userNav ul li .ico15 { background:url(../images/user_ico.png) -1545px 0 #fff no-repeat; padding:86px 0 10px 0px; }
.userNav ul li .ico15:hover { background:url(../images/user_ico.png) -1545px -150px #dd514c no-repeat; }

.userNav ul li .ico16 { background:url(../images/user_ico.png) -600px -300px #fff no-repeat; padding:195px 0 35px 0px; }
.userNav ul li .ico16:hover { background:url(../images/user_ico.png) -880px -300px #dd514c no-repeat; }
.userNav ul li .ico16.cug { background:url(../images/user_ico.png) -880px -300px #dd514c no-repeat; padding:195px 0 35px 0px; color:#fff; }
.userNav ul li .ico17 { background:url(../images/user_ico.png) -1160px -300px #fff no-repeat; padding:195px 0 35px 0px; }
.userNav ul li .ico17:hover { background:url(../images/user_ico.png) -1440px -300px #dd514c no-repeat; }

.userNav ul li .ico18 { background:#fff; }
.userNav ul li .ico18:hover { background:#dd514c; }