@charset "utf-8";
/*全局样式---------------------------------------------*/
section,article,aside,header,footer,nav,figure{ display:block; }
body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,figure{ margin:0; padding:0; }
body,button,input,select,textarea{ font:12px/1.5 "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6,button,input,select,textarea{ font-size:100%; }
address,cite,dfn,em,var{ font-style:normal; }
code,kbd,pre,samp{ font-family:courier new,courier,monospace; }
p,ul,li,dl,dd,dt,form,h1,h2,h3,h4,h5,h6{ list-style:none; }
a{ color:#666; text-decoration:none; }
a:hover{ color:#1f8b01; text-decoration:none; }
fieldset,img{ border:0; }
table{ border-collapse:collapse; border-spacing:0; }
input{outline:0;}
input::-moz-focus-inner,button::-moz-focus-inner{ border:0;padding:0;outline:0; }

/*--------------------登录页--------------------*/
.wrap{ width:1200px; margin:0 auto;}
.top{ height:80px;}
.logo{ padding-top:10px;}
.center{ height:450px; background:#007fd0; border-top:5px solid #e50112; position:relative; overflow:hidden;}
.pic{ position:absolute; top:0; left:0; height:450px; width:1200px; overflow:hidden;}
.code{ width:126px; position:absolute; bottom:35px; right:440px; text-align:center; color:#FFF; font-size:14px;}
.code p{ margin-top:10px;}
.form{ width:330px;*width:256px;_width:256px; height:375px; *height:335px; _height:335px; position:absolute; right:80px; top:40px; background:#fafafa; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; box-shadow:0 0 7px rgba(35,24,21,.75); overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:20px 37px; overflow:hidden;}
.system{ text-align:center; font-size:20px; color:#000; margin-bottom:25px; margin-top:10px;}
.form-input li{ border-radius:3px; height:35px; border:1px solid #bebebe; background:#FFF; font-size:14px; margin-bottom:15px; position:relative}
.input-icon{ padding-left:30px; line-height:35px; color:#757575; position:absolute; left:0; top:0; width:50px;}
.icon01{ background:url(../Images/name.png) 8px center no-repeat; background-size:auto 55%;}
.icon02{ background:url(../Images/password.png) 8px center no-repeat; background-size:auto 55%;}
.icon03{ background:url(../Images/validate.png) 8px center no-repeat; background-size:auto 55%;}
.input-con{ margin-left:80px; *margin-left:40px; _margin-left:40px;overflow:hidden;}
.login-input{ width:100%;height: 35px;*height: 34px;_height: 34px; line-height:35px; *line-height:34px; _line-height:34px; border:none; border-radius:5px;}
.validate{ margin-left:90px; *margin-left:45px; _margin-left:45px; margin-right:80px; /**margin-right:125px; _margin-right:125px;*/}
.vali-img{ position:absolute; right:2px; top:4px; width:80px; height:35px; text-align:right;}
.input-btn{ margin-bottom:25px; padding-top:15px;}
.login-btn{ width:100%; height:35px; line-height:35px; background:#ff5816; text-align:center; font-size:16px; color:#FFF; border:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.copyright{ text-align:center; color:#444444;}
.bottom{ background:#ececec; height:80px; padding:10px 0;}
.navli{ width:25%; *width:24%; _width:24%; float:left; display:inline-block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:relative; padding-top:16px; height:80px; *height:64px; _height:64px;}
.nav-icon{ position:absolute; left:20px; top:16px;}
.word{ margin-left:90px;}
.cate{ font-size:16px; color:#000; margin-bottom:5px;}
.contact,.help{ border-left:1px solid #d3d3d3;box-shadow: -1px 0 0 0px #f5f5f5; }
.contact p{padding-left:30px;}
.login-tip {  background:#FDF2E5; border:1px solid #E6D4BE; padding:8px; color:#e50112; text-align:center;}
.help { cursor:pointer; }
.help .cate { color:#B229BB;}
    .help:hover p { color:#e50112; }