*{margin:0;padding:0;}
body,html{width:100%;height: 100%;}
/* .bigimg{ background: url(../img/login.png)no-repeat; width: 100%;height: 100%; }  */
.manage_tip{position: absolute;z-index: 1;  top:50%;left:70%;transform: translate(-50%,-50%)}
.manage_tip .login{background: #ffffff;border-radius: 10px;
}
.marginwh{height: 450px; width: 370px;}    
.form_container {
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../../img/login/login.png) no-repeat center center;
    background-size: 100% ;
  }
  .panel-body {
    padding: 15px;
}
  .form-group {
    padding-bottom: 10px;
    margin-top:15px;
}
.log{margin-bottom:20px;white-space: normal;}
.log .left{display: inline-block;padding-right: 8px;}
.log .left img{width:70px;}
.log .right{display: inline-block;color:#ffffff;padding-left: 20px;border-left: 1px solid #ffffff;}
.log .right p:nth-child(1){font-size: 20px;}
.log .right p:nth-child(2){font-size: 12px;}

.input_item {
  margin-top: 10px;
  position: relative;
}
.inputborder{border:1px #ccc  solid;border-radius: 10px;}
.loginName, .loginPwd{
  width: 88%;
  height: 22px;
  padding: 6px 0px 7px 38px;

  font: 14px/25px 'Microsoft Yahei';
  outline: 0;
  color: #333;
  border-radius: 6px;
}

i.icon_pw {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 8px;
  top: 9px;
  background: url(../../img/login/password.png) no-repeat;
  background-size: 100%;
}
i.icon_un {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 8px;
  top: 9px;
  background: url(../../img/login/username.png) no-repeat;
  background-size: 100%;
}
.icon_vercode{
  width: 20px;
  height: 20px;
  position: absolute;
  left: 8px;
  top: 9px;
  background: url(../../img/login/vercode.png) no-repeat;
  background-size: 100%;
}
.input_item1 {
  margin-top: 10px;
  position: relative;
  display:inline-block;
}
.loginVcode{
  width: 150px;
  height: 22px;
  padding: 6px 20px 7px 38px;
  /* border: none; */
  /* background: #fafafa; */
  font: 14px/25px 'Microsoft Yahei';
  outline: 0;
  color: #333;
  border-radius: 6px;
}
.getcode{
  display: inline-block;
  width: 70px;
  height: 22px;
  padding: 6px 10px 7px 20px;
    border: #ccc 1px solid;

}
.btn-login{margin-top:20px;padding-bottom:25px;}
.wapper{width:85%;margin:0 auto;}
.btnstyle{padding:10px 0;color:#ffffff;background: linear-gradient(#45d0ed, #2aa1cd);width:100%;border:none;border-radius: 10px;font-size: 16px;}

/* .active{border: 2px solid #0F996B;} */
.getcode1{display: inline-block;}
.getcode1 img{width:96px;vertical-align: -13px;}



 input[type="text"]:focus,
 input[type="password"]:focus {
	-webkit-box-shadow: 0 0 2px #7ac4e7 inset;
	-moz-box-shadow: 0 0 2px #7ac4e7 inset;
	-ms-box-shadow: 0 0 2px #7ac4e7 inset;
	-o-box-shadow: 0 0 2px #7ac4e7 inset;
	box-shadow: 0 0 2px #7ac4e7 inset;
	background-color: #fff;
	border: 1px solid #7ac4e7;
	outline: none;
}

footer{
  position: fixed;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  color: #FFF;
}
footer a{
  color: #FFF;
  text-decoration: none;
}