*{margin: 0;padding: 0;}
body,html{
  font-family: "Microsoft Yahei";
  background: #f1f1f1; 
  padding: 0;
  margin: 0;
}
body{position: ;}
.wrapper{width: 100%}
.main{margin-left: auto;margin-right: auto}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;float: none;}
.login-body{
  width: 360px;
  height: 400px; 
  overflow: hidden;
  background: #fbfbfb; 
  box-shadow: 0px 0px 6px rgba(0,0,0,0.1); 
  -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.1); 
  -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.1); 
  -o-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.1); 
  -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.1); 
  position: absolute;
  left: 50%;
  top: 30%;
  margin-left: -180px;
  margin-top: -200px;
  border-radius:6px;
}
a,img{blr:expression(this.onFocus=this.blur());}/*IE下*/
img{border: none;}
.login-form{padding: 40px;}
.login-logo{width: 100%;height: 42px;overflow: hidden;  text-align: center;}
.itemBox{width: 100%;height: auto; clear: both;overflow:hidden;_zoom:1;margin-top:30px;}
.itemBox .item:first-child{border-radius: 3px 3px 0 0;}
.itemBox .item{width:99%;height: auto; border: 1px solid #ececec;border-bottom: none;background: #fff;position: relative;transition:all .5s ease-in-out;
  -webkit-transition:all .3s ease-in-out;}
.itemBox .item .border{
  display: block;
  background: #83c14a;
  position: absolute;
  z-index: 99;
  width: 0;
  height: 0;
  transition:all .5s ease-in-out;
  -webkit-transition:all .5s ease-in-out;
}
/*
.itemBox .item .border-t{top: -1px;left: 0;width: 100%; height: 1px;}
.itemBox .item .border-r{top: -1px;left: auto;right: -1px;width: 1px;height: 100%;}
.itemBox .item .border-b{top: auto;bottom: 0; left: auto;right: -1px;width: 100%;height: 1px;}
.itemBox .item .border-l{top: 0;left: 0;right:auto;width: 1px;height: 100%;}
*/
.itemBox .focus{background-color:#fdeee5; }
.itemBox .focus .border-t{top: -1px;left: 0;width: 100%; height: 1px;}
.itemBox .focus .border-r{top: 0;right: -1px;left: auto;width: 1px;height: 100%;}
.itemBox .focus .border-b{top: auto;right: 0;bottom: -1px; left: auto;width: 100%;height: 1px;}
.itemBox .focus .border-l{top: 0;right:auto;left: -1px;width: 1px;height: 100%;}

.itemBox .item input{
    width:91.5%;
    height:48px;
    padding:0 12px;
    font-size: 14px;
    font-family:"Microsoft Yahei, arial, sans-serif";
    vertical-align: middle;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    background-color: transparent;
    resize: none;
    color: rgb(104, 104, 104);
    border-width: 0px;
    border-style: none;
    border-color: transparent;
    outline: 0;
}

.itemBox .verifycode{border-color: #ececec;border: 1px solid #ececec;border-radius:0 0 3px 3px;}
.itemBox .verifycode input{width:62%;overflow: hidden; }
.itemBox .reloadverify{display: block;position: absolute;right: 0;top: 0; width: 180px; height: 48px; overflow: hidden;}
.itemBox .reloadverify img{width:100%; height:100%; }

.itemBox .login{margin-top: 30px; border-radius: 5px;border:transparent;}
.itemBox .login .loginBtn{padding: 0;width: 100%; height: 42px;background: #ff791d; line-height: 42px; color: #fff; cursor: pointer;border-radius: 3px;-webkit-border-radius: 3px;}
.itemBox .login .loginBtn:hover{background: #ff8a62;}
.itemBox .login .loginBtn:focus{background: #83c14a;}


.itemBox .password{text-align: left; border: none; width: 100%;background: none;}
.itemBox .password input{width: 12px; height: 12px; float: left; position: relative; top: 15px; margin-right:5px;}
.itemBox .password .remenb{line-height: 50px;float: left;color: #666; font-size: 12px;font-size: 12px;}
.itemBox .password a{line-height: 50px; color: #666; text-decoration: none; font-size: 12px;}
.itemBox .password a:hover{color: #794BA4;}
/*.itemBox .remenb{}*/

.copy{font-size: 12px;color: #999; width: 100%;height:80px; background: #fff; position: fixed; bottom: 0; text-align: center; border-top: 1px solid #e5e5e5;}
.copy p{line-height:30px;}
.copy p a{text-decoration: none;color: #666; }
.copy p a:hover{color: #83c14a;}
.copy p span{padding: 0 5px;color: #666;}
