@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
html{color:#000; background:url(../images/bg.png) no-repeat center top fixed;}
body,button,input,select,textarea{font:14px 'Microsoft Yahei';}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
em{font-style:normal}
small{font-size:14px}
ul,ol{list-style:none}
a{text-decoration:none}
a:hover{text-decoration:underline}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
img{-ms-interpolation-mode:bicubic}
textarea{resize:vertical}
.left{float:left}
.right{float:right}
.overflow{overflow:hidden}
.hide{display:none}
.block{display:block}
.inline{display:inline}
.error{color:#F00;font-size:14px}
label,button{cursor:pointer}
.clearfix:after{content:'\20';display:block;height:0;clear:both}
.clearfix{zoom:1}
.clear{clear:both;height:0;line-height:0;font-size:0;visibility:hidden;overflow:hidden}
.wordwrap{word-break:break-all;word-wrap:break-word}
.s-yahei{font-family:'Microsoft Yahei', '微软雅黑'}
pre.wordwrap{white-space:pre-wrap}
body,form{position:relative;z-index:0}
td{text-align:left}
img{border:0}
.none{display:none;}

a{color:#333;}
a:hover{color:#477FBD;}


/*按钮*/
.btn{ display:inline-block; height:50px; line-height:50px; text-align:center; color:#FFF; -moz-border-radius: 2px; -webkit-border-radius: 2px;border-radius:2px; font-size:20px; cursor:pointer;}
.btn-blue{background-color:#37B5F9;}
.btn-gray{background-color:#BBBBBB; color:#FFF;}
.btn-blue:hover{background-color:#22ADF9; color:#FFF; text-decoration:none;}
.btn-gray:hover{background-color:#ABABAB; color:#FFF; text-decoration:none;}

/*框架*/
.main{width:1000px; margin:0 auto;}

.icon{background:url(../images/sprite.png) no-repeat; position:absolute; display:inline-block;}

/*logo*/
h1{height:28px; margin:80px 0 35px; line-height:28px;}
h1 .logo{ border-right:1px solid #989898; margin-right:18px; padding-right:18px;}
h1 a:hover{text-decoration:none;}

/*主体*/
.content{height:458px; background-color:#FFF; color:#555;}
.content .tips{background-color:#F6F6F6; width:360px; height:378px; padding:40px; border-right:1px solid #D9D9D9;}
.content .tips h2{font-size:20px; margin-bottom:12px; position:relative; padding-left:14px;}
.content .tips h2 .icon{background-position:0 0; width:5px; height:21px; left:0px; top:4px;}
.content .tips ul li{line-height:36px;}
.content .tips p{font-size:16px; margin-top:30px;}
.content .tips p a{color:#00AFDF;}

.form-con{ width:350px; margin-left:100px; margin-top:45px;font-size:16px;}
.form-con h2{font-size:26px; padding-left:44px; position:relative; margin-bottom:25px;}
.form-con h2 .icon{background-position:-20px 0; width:36px; height:36px; left:0px; top:0px;}
.form-con .set-con{position:relative; margin-bottom:20px;}
.form-con .set-con .icon{width:18px; height:16px; left:14px; top:14px;}
.form-con .set-con .icon-name{background-position:-60px 0;}
.form-con .set-con .icon-pwd{background-position:-90px 0;}
.form-con .set-con .icon-code{background-position:-120px 0;}
.form-con .set-con .form-input{border:none; background-color:#FFF; height:43px; line-height:43px;border:1px solid #DDD; padding:0 10px 0 43px; width:295px; float:left;}
.form-con .set-con img{float: left; height: 40px; margin-left: 10px; width: 107px; margin-top:2px;}
.btn-login{width:350px;}
.btn-get{width:165px;}
.btn-back{width:165px; margin-left:20px;}
.form-con p{ color:#878787;}
.form-con p a{color:#00AFDF;}



/*找回密码返回信息*/
.getpass{position:relative; overflow:hidden;}
.getpass img{position:absolute; left:100px; top:120px;}
.getpass h2{ font-size:24px; color:#555; margin-top:130px; margin-left:280px; margin-bottom:10px;}
.getpass h2 span{font-size:36px; color:#E7573B; margin:0 5px;}
.getpass p{font-size:16px; color:#878787; margin-left:280px; line-height:32px;}
.getpass p a{color:#00AFDF; margin-left:5px;}

.getpass-content{width:559px;}
.getpass-content .title{ background-color:#F7F7F7;}
.getpass-content .title ul{position:relative; z-index:5;}
.getpass-content .title ul li{float:left; width:180px; text-align:center; color:#ADADAD; font-size:16px; cursor:pointer; border-right:1px solid #D9D9D9;  height:50px; line-height:50px;}
.getpass-content .title ul li.active{background-color:#FFF; color:#333; top:1px; height:50px; position:relative;}

.getpass-content .content{border-top:1px solid #D9D9D9; font-size:16px; height:400px;}
.getpass-content .content .getpass-tip{color:#E7573B; margin:20px 0 20px 100px;}
.getpass-content .content .form-con{margin-top:0px;}

.form-con .set-con .icon-email{background-position:-60px -20px;}
.form-con .set-con .icon-text{background-position:-150px 0;}
.form-con .set-con .icon-school{background-position:-90px -20px;}


/*底部*/
.footer {clear: both; line-height: 1.8em; padding-top: 25px; min-height:40px; color:#999; text-align: center;}