@charset "utf-8";
*,*:before,*:after{box-sizing:border-box}
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol{margin:0;padding:0}em,i{font-style:normal}li{list-style:none}a,a:hover{text-decoration:none}img{border:0;vertical-align:top}table{border-collapse:collapse;border-spacing:0}label{cursor:default}body,button,input,select,textarea{font:14px/1.5 'microsoft yahei',arial,\5b8b\4f53;outline:none;}textarea{resize:none}a,a:focus{outline:none}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}.fl{float:left;display:inline}.fr{float:right;display:inline}.fn{float:none}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.hide{display:none}.show{display:block}.mt10{margin-top:10px}.noBg{background:none!important}.noBorder{border:0!important}.yahei{font-family:'microsoft yahei'}.org{color:#f60;}.els{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
body{background:#fff;color:#333;}
a{color:#333;text-decoration:none;transition:all 0.2s linear 0s;}
a:hover{color:#005d9a;}
html,body { width:100%; height: 100%; }
body { background: url(login/bg.jpg); }

.loginForm { position: relative; width: 470px; height: 517px; top: 50%; left: 50%; margin-left: -235px; margin-top: -260px; padding: 50px 40px 0; border-radius: 10px; border:1px solid #d6d6d6; background: #fff; background:linear-gradient(to bottom,#ffffff,#eee); box-shadow:0 10px 15px rgba(0,0,0,0.1); }
.loginForm .logo { width: 86px; margin:0 auto 24px; border-radius: 100%; box-shadow: 0 0 15px rgba(0,0,0,.2); background: #fff;  }
.loginForm h2 { margin-bottom: 17px; text-align: center; line-height: 32px; font-weight: normal; }
.sform { color:#fff; }
.sform ul { margin:0; }
.sform ul li { position: relative; margin-bottom:20px; }
.sform ul li label { position: absolute; left: 0; top: 0; width:48px; height:48px; border-radius:5px 0 0 5px; border:1px solid #ddd; background:#f4f4f4; font-size:0; line-height:999; overflow: hidden; }
.sform ul li.u-name label { background: url(login/1.jpg) no-repeat 50% #f4f4f4; }
.sform ul li.u-pwd label { background: url(login/2.jpg) no-repeat 50% #f4f4f4; }
.sform ul li.u-email label { background: url(login/3.jpg) no-repeat 50% #f4f4f4; }
.sform ul li input { width: 100%; height:48px; padding:10px 20px 10px 58px; background:#fff; border-radius: 5px; border: 1px solid #ddd; color: #333; line-height:28px; }
.sform ul li input:focus { box-shadow:0 0 3px rgba(0,0,0,0.2); }
.sform ul li.submit { text-align:center; }
.sform ul li.submit input { width:100%; height: 48px; margin: 0 auto; padding: 0; border:0; border-radius: 5px; background: #5f9ee1; background:linear-gradient(to bottom,#5f9ee1,#3172b8); color: #fff; font-size:20px; line-height:48px; overflow: hidden; cursor: pointer; }
.sform ul li.submit input:hover { background: #3172b8; background:linear-gradient(to bottom,#3172b8,#5f9ee1); }

.loginForm .copy { position:fixed; left:0; bottom:5%; width:100%; padding:0; color:#fff; font-size:16px; text-align:center; }