html { cursor: url(images/arrow_img.cur); }
body { background: url(../img/login_bg.jpg) fixed no-repeat; background-size: cover; }
.bv-form .help-block { margin-bottom: 0; }
.bv-form .tooltip-inner { text-align: left }
.nav-tabs li.bv-tab-success>a { color: #3c763d }
.nav-tabs li.bv-tab-error>a { color: #a94442 }
.row{margin-left: 0;margin-right: 0;}

.login { width: 600px; height: 340px; margin: 0 auto;}
.form {padding-left: 230px; position: relative;}
.login_logo{position: absolute;left: 0;top:0;padding: 80px 0 0 50px;width: 230px;height: 340px; background: rgba(77,77,77,.4);}
.login-form{background: #fff;height: 340px;padding: 20px;}
.login-form h1{font-size: 24px;border-bottom: 1px solid #eee;text-align: center;padding-bottom: 20px;margin: 0;}
.login-form p{margin: 5px 0;height: 20px;line-height: 20px;color: #ea7673;}
.form-group { margin-bottom: 20px; position: relative; }
.yzm .form-item{width: 160px;}
.yzm img{height: 38px;width:60px;margin-left: 10px;}
.yzm span {line-height: 38px;}
.yzm span a{color:#2a94de ;display: inline-block;font-size: 14px;}
.form-group .help-block { position: absolute; right: 5px; top: -5px; color: #ea7673; height: 40px; line-height: 40px; }
.form-item { height: 38px; line-height: 38px; border: 1px solid #e5e5e5; outline: none; width: 100%; padding: 0 5px; }
.form-item:focus { border: 1px solid #b2e4f7 }
.login .form-btn { background: #2a94de ;border:0; color: #ffffff; font-size: 16px; height: 40px; line-height: 40px; cursor: pointer; }
.form-btn[disabled] { background-color: #999999; cursor: default; }
.has-error .form-item { border: 1px solid #ea7673; }
.has-success .form-item { border:1px solid #83ba36; }

.animated {-webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } 
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }
@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
    from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}
.shake {-webkit-animation-name: shake; animation-name: shake; }