/*---------------------reset----------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0;}
ol, ul, li { list-style:none } 

:focus { outline:0 }
table { border-collapse:collapse; border-spacing:0 }
/*table,table td,table th{border:1px solid #edeada;border-collapse:collapse;}*/
address, cite, code, dfn, em, var, i { font-style:normal }
input[type=button], input[type=submit], button { cursor:pointer; outline:none;}
.input, select { vertical-align:middle }
* html .clearfix { zoom:1 }
*+html .clearfix { zoom:1 }
textarea{resize:none;}
a { text-decoration:none; color:#009bd8 }
.clearfix:after {clear: both;content: ".";display: block;height: 0;overflow: hidden;visibility: hidden;}
.pos-r{ position:relative;}
.hide{ display:none;}
body{font-family: "microsoft yahei"; font-size:14px; color: #1a1a1a; background: #fff}
/*---------------------header----------------------*/
.header{ height: 110px;margin:0 auto; overflow: hidden; position: relative; width: 1000px; z-index: 2;}
.headerLogo{ float:left; margin-top: 30px;}
.headerNav { float:right;margin-top: 50px;}
.headerNav a{ color:#3f99f4;  padding:0 2px;}
.headerNav a:hover{ text-decoration:underline; color:#658b98;}
/*---------------------banner----------------------*/
.banner{ min-width:1000px;  position:relative;  height:480px; overflow:hidden; background: url(../images/theme-pic1.jpg)  bottom #387ed6 }
.login_box{width:1000px; margin: 0px auto}
.login_text{ float:left; margin-top: 120px; margin-left: 80px; color: #fff}
.login_text h1{ font-size:28px; margin-bottom: 30px;}
.login_text p{ font-size:18px; line-height: 30px; }
.login_form{ float:right; margin-right: 40px;}
.footer{text-align:center;  height: 70px; line-height: 70px;}
.login-aside{ width:260px; height:300px; margin-top: 65px; margin-right: 40px; }
.error-box{
color:#f30; float: right; font-size: 12px;
}
#o-box-up,#o-box-down {
    width:260px;
    height:310px;
	box-shadow: 0px 0px 2px #ebeced;
		
	position:  absolute;
	padding: 15px 40px;
	right:40px;
}
#o-box-up {
    background-color:#fff;
    filter:alpha(opacity:70);
    opacity:0.7;
}
 
.fm-item{ width:270px;	margin: 14px 0}
.i-text{ 
  width:235px;
  height:38px;
  line-height:38px;
  border:1px solid #dedede;
  border-top:1px solid #b4b4b4;
  background:#fff;
  color:#8f8f8f;
	padding-left: 35px;
	
 }
.login_box{ width:1000px; position: relative} 
.user{ background:url(../images/user.png) no-repeat 10px center #fff}
.password{ background:url(../images/lock.png) no-repeat 10px center #fff}
 .yzm{ width:80px;background:url(../images/yzm.png) no-repeat 10px center #fff}
 .yzm-img{ position:absolute; left:120px; top:5px; cursor:pointer;}
.yzm-img img{ border: solid 1px #b4b4b4 }
.choose{ position:absolute; left:220px; top:0px; cursor:pointer; line-height: 40px; font-size: 12px;}
.btn-login{ width:270px; height:45px; background:url(../images/login-btn.png) no-repeat; border:none; margin-top:5px; display: block; cursor: pointer}
.remember{color: #2873d8; display: block; }
.login_title{font-size:22px; color: #5f5f5f; line-height: 40px}

.tab {width:260px;height:310px;margin:0 auto;}
.tab ol{float:left;width:260px;height:40px; margin-bottom: 10px;}
.tab ol li{float:left;width:130px;height:40px;text-align:center;line-height:40px;cursor: pointer;}
.tab ol li.active{border-bottom: 2px solid  #397fd5; color: #397fd5 }
.tab ul{float:left;width:260px;height:250px;}
.tab ul li{float:left;width:260px;height:250px;display:none;}
.tab ul li.cur{display:block;}


.gr_reg{float:left;}
.gr_forget{float:right;}