input:-webkit-autofill{
  background: #fff;
}
.login_bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-color: #353842;
  background-image: url("../../register/img/board.png");
  background-repeat: no-repeat;
  background-position: bottom;
  text-align: center;
  /*padding-bottom: 50px;*/
}

.login_pad {
  padding-top: 5%;
  padding-bottom: 40px;

}

.login_pad >a >img{
  width: 198px;
}
.login-content{
  position: relative;
  max-width: 650px;
  margin: 0 auto;
}

/*//表单*/
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.loginForm{ max-width: 420px;min-width:320px; padding: 30px; margin:0 auto;}
.loginForm .form-group{position: relative; padding-right: 10px; margin-bottom: 20px;}
.loginForm .form-control{padding: 6px 42px; padding-right:10px;border: 1px solid #e5e5e5; font-size: 14px; color: #888; box-shadow: none;}
.loginForm .form-control:focus {
  border-color: #40ca9f;
  outline: 0;
  box-shadow: none;
}
.loginForm .span-icon{position: absolute; background: #f8f8f8; left:1px; top:1px; padding:6px; border-right: 1px solid #e5e5e5}
.loginForm .icon-company,
.loginForm .icon-link,
.loginForm .icon-contact,
.loginForm .icon-phone,
.loginForm .icon-key{
  background: url(../../register/img/icon-sprite.png) no-repeat;
  display: block;
  height:18px;
  width: 19px;
  vertical-align: middle;
  padding: 10px;
}
.loginForm .icon-company{
  background-position: 0 0;
}
.loginForm .icon-link{ background-position: 0 -26px;}
.loginForm .icon-contact{ background-position: 0 -53px;}
.loginForm .icon-phone{ background-position: 0 -78px;}
.loginForm .icon-key{ background-position: 0 -101px;}

.loginForm .has-error .form-control {
  border-color: #fb4243;
}
.loginForm .has-error .form-control:focus {
  border-color: #fb4243;
  box-shadow: none;
}
.loginForm .form-control.input-tel{
  width: 200px;
}
.loginForm .telCode .msg-box{
  position: absolute;
  bottom: 0;
}
.loginForm .btn.btn-orange{background: #ff9f38;position: absolute;top: 0;right: 10px; border: none; color: #fff;font-size: 14px; width: 130px; height: 34px; text-align: center; float: right;}
.loginForm .btn.btn-blue{background: #37b4b3;border: none; color: #fff;font-size: 16px;}
.loginForm .btn.btn-orange:hover,
.loginForm .btn.btn-orange:active,
.loginForm .btn.btn-orange:focus{background: #fb901d;color: #fff;}
.loginForm .btn.btn-blue:hover,
.loginForm .btn.btn-blue:active,
.loginForm .btn.btn-blue:focus{background: #37b4b3;color: #fff;}


.icon-star{font-size: 14px;    display: inline-block;  position: absolute;  right: 0;  top: 10px;  color: #ff0000;}
.tip-msg{margin: 0 50px; font-size: 14px; position:absolute; background: #fff;
  /*-webkit-box-shadow: 3px 3px 3px #bbbbbb;*/
  /*-moz-box-shadow: 3px 3px 3px #bbbbbb;*/
  /*box-shadow: 3px 3px 3px #bbbbbb;*/
  display: none;
   padding: 20px; border-radius: 5px;     top: -30px; z-index: 1; color: #888888; text-align:left; }
.tip-msg p{text-indent: 2em;}
.tip-msg .icon-close{
  position: absolute; right: 10px; top: 13px; color: #bbbbbb;
  background: url(../../register/img/icon-close.png) no-repeat;
  display: block;
  height:14px;
  width: 16px;
  vertical-align: middle;
  cursor: pointer;
}
.errorMsg{
  position: absolute; color: #c33;
  height: 20px;line-height: 20px;font-size: 12px; margin-top: -15px;margin-left: 43px;
}
.loginForm .help-block{display: none; position: absolute;color: #535353;font-size: 10px;left: 45px;  margin: 2px 0 0 0;}
.loginForm .has-error .help-block{color: #c33; display: block}
.btn-group-lg>.btn, .btn-lg{border-radius:4px;}


@media screen and (max-width: 640px) {
  .tip-msg{
    margin: 0 15px;
  }
}
@media screen and (max-width: 380px) {
  .loginForm .btn.btn-orange{
    width: 120px;
  }
  .loginForm .form-control.input-tel {
    width: 170px;
  }
}
@media screen and (max-width: 360px) {
  .loginForm .btn.btn-orange{
    width: 110px;
  }
  .loginForm .form-control.input-tel {
    width: 160px;
  }
}
@media screen and (max-width: 320px) {
  .loginForm .btn.btn-orange{
    width: 100px;
  }
  .loginForm .form-control.input-tel {
    width: 140px;
  }
}