non-control form elements. fieldset{padding:0;margin:0;border:0}
legend{display:block;width:100%;padding:0;margin-bottom:@line-height-computed;font-size:(@font-size-base * 1.5);line-height:inherit;color:@legend-color;border:0;border-bottom:1px solid @legend-border-color}
label{display:inline-block;max-width:100%;font-weight:700}
.el-radio,
.el-checkbox {
  position: relative;
  font-size: 100%;
}
.el-radio > input[type="radio"],
.el-checkbox > input[type="checkbox"] {
  display: none;
}
.el-radio > input[type="radio"] + .el-radio-style,
.el-checkbox > input[type="checkbox"] + .el-checkbox-style {
  width: 16px;
  height: 16px;
  margin-bottom: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 4px;
}
.el-radio > input[type="radio"] + .el-radio-style:before,
.el-checkbox > input[type="checkbox"] + .el-checkbox-style:before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  content: '';
  border: 1px solid #828282;
  border-radius: 2px;
}
.el-radio > input[type="radio"] + .el-radio-style:after,
.el-checkbox > input[type="checkbox"] + .el-checkbox-style:after {
  position: absolute;
  content: '';
  display: none;
}
.el-radio > input[type="radio"] + .el-radio-style:hover:before,
.el-checkbox > input[type="checkbox"] + .el-checkbox-style:hover:before {
  border-color: #0079FE;
}
.el-radio > input[type="radio"][disabled] + .el-radio-style:before,
.el-checkbox > input[type="checkbox"][disabled] + .el-checkbox-style:before {
  border-color: #ccc;
}
.el-radio > input[type="radio"]:checked + .el-radio-style:after,
.el-checkbox > input[type="checkbox"]:checked + .el-checkbox-style:after {
  display: block;
}
.el-checkbox > input[type="checkbox"] + .el-checkbox-style:after {
  width: 4px;
  height: 7px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(45deg);
  top: 4px;
  left: 6px;
}
.el-checkbox > input[type="checkbox"]:checked + .el-checkbox-style:before {
  border: #0079FE;
  background: #0079FE;
}
.el-checkbox > input[type="checkbox"]:checked[disabled] + .el-checkbox-style:before {
  border: #b0d7f5;
  background: #b0d7f5;
}
.el-radio > input[type="radio"] + .el-radio-style:before {
  border-radius: 50%;
}
.el-radio > input[type="radio"] + .el-radio-style:after {
  width: 6px;
  height: 6px;
  top: 5px;
  left: 5px;
  border-radius: 50%;
  background: #0079FE;
}
.el-radio > input[type="radio"]:checked + .el-radio-style:before {
  border-color: #0079FE;
}
.el-radio > input[type="radio"]:checked[disabled] + .el-radio-style:after {
  background: #b0d7f5;
}
.el-radio > input[type="radio"]:checked[disabled] + .el-radio-style:before {
  border-color: #b0d7f5;
}
.el-radio > input[type="radio"][disabled] + .el-radio-style:hover,
.el-radio > input[type="radio"][disabled] + .el-radio-style:before,
.el-radio > input[type="radio"][disabled] + .el-radio-style:after,
.el-checkbox > input[type="checkbox"][disabled] + .el-checkbox-style:hover,
.el-checkbox > input[type="checkbox"][disabled] + .el-checkbox-style:before,
.el-checkbox > input[type="checkbox"][disabled] + .el-checkbox-style:after {
  cursor: not-allowed;
}
.el-radio > input[type="radio"] + .el-radio-style + .label-txt,
.el-checkbox > input[type="checkbox"] + .el-checkbox-style + .label-txt {
  vertical-align: middle;
}
.el-radio > input[type="radio"][disabled] + .el-radio-style + .label-txt,
.el-checkbox > input[type="checkbox"][disabled] + .el-checkbox-style + .label-txt {
  color: #ccc;
}
label.el-radio,
label.el-checkbox {
  line-height: 16px;
  cursor: pointer;
  font-weight: normal;
  margin-bottom: 0;
  margin-right: 10px;
}
label.el-radio > input[type="radio"]:checked + .el-radio-style + .label-txt,
label.el-checkbox > input[type="checkbox"]:checked + .el-checkbox-style + .label-txt {
  color: #0079FE;
}
label.el-radio > input[type="radio"][disabled] + .el-radio-style + .label-txt,
label.el-checkbox > input[type="checkbox"][disabled] + .el-checkbox-style + .label-txt {
  cursor: not-allowed;
}
/*switch component*/
.el-switch,
.el-switch-style,
.el-switch-style:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.el-switch {
  margin-bottom: 0;
  display: inline-block;
  font-size: 100%;
  height: 24px;
  position: relative;
}
.el-switch .el-switch-style {
  height: 24px;
  width: 48px;
  cursor: pointer;
  display: inline-block;
  border-radius: 24px;
  border: 2px solid #999;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.el-switch .el-switch-style:before {
  display: block;
  content: '';
  width: 16px;
  height: 16px;
  position: absolute;
  background-color: #999;
  border-radius: 50%;
  left: 2px;
  top: 2px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.el-switch > input[type="checkbox"] {
  display: none;
}
.el-switch > input[type="checkbox"]:checked + .el-switch-style {
  border-color: #0079FE;
}
.el-switch > input[type="checkbox"]:checked + .el-switch-style:before {
  background-color: #0079FE;
  left: 58%;
}
.el-switch > input[type="checkbox"][disabled] + .el-switch-style {
  cursor: not-allowed;
  border-color: #D3DCE6;
}
.el-switch > input[type="checkbox"][disabled] + .el-switch-style:before {
  background-color: #D3DCE6;
}
body {
  background: url(../img/login_bg.jpg) top center no-repeat #0851b0;
}
button:focus {
  outline: none !important;
}
/* 去除框 */
.hide {
  display: none;
}
.login-wrap {
  width: 380px;
  height: 350px;
  margin: 0 auto; 
  margin-top:10%;
  overflow: hidden;
}
.login-wrap .login-main {
  width: 380px;
  float: right;
  background: #fff;
  text-align: center;
  height:350px;
}
.login-wrap .login-main h2 {
  font-size: 24px;
  margin: 60px 0 45px;
  line-height: 1;
}
.login-wrap .login-main .logo {
  width: 96px;
  height: 96px;
  margin: 0 auto 24px;
}
.login-wrap .login-main .login-body {
  margin: 0 48px;
}
.login-wrap .login-main .login-body .login-group {
  position: relative;
}
.login-wrap .login-main .login-body .login-group .icon-left,
.login-wrap .login-main .login-body .login-group .icon-right {
  position: absolute;
  top: 8px;
  color: #666;
  font-size: 18px;
}
.login-wrap .login-main .login-body .login-group .icon-left {
  left: 16px;
}
.login-wrap .login-main .login-body .login-group .icon-right {
  right: 16px;
  cursor: pointer;
}
.login-wrap .login-main .login-body .login-group .icon-right:hover {
  color: #0079fe;
}
.login-wrap .login-main .login-body .login-group .form-control {
  box-shadow: none;
  border-color: #e3e3e3;
  height: 40px;
  padding: 6px 46px;
}
.login-wrap .login-main .login-body .login-group.focus .form-control {
  border-color: #0079fe;
}
.login-wrap .login-main .login-body .login-group.focus .icon-left {
  color: #0079fe;
}
.login-wrap .login-main .login-body .login-group.error .form-control {
  border-color: #FF3830;
  color: #FF3830;
}
.login-wrap .login-main .login-body .login-group.error .icon-left {
  color: #FF3830;
}
.login-wrap .login-main .login-body .login-captcha {
  overflow: hidden;
}
.login-wrap .login-main .login-body .login-captcha .form-control {
  padding: 6px 12px;
  width: 180px;
  float: left;
}
.login-wrap .login-main .login-body .login-captcha .v-code {
  height: 40px;
  width: 96px;
  float: right;
}
.login-wrap .login-main .login-body .login-captcha .v-code img {
  width: 100%;
  height: 100%;
}
.login-wrap .login-main .login-body .form-status {
  text-align: left;
  margin-bottom: 24px;
  color: #999;
  font-size: 12px;
}
.login-wrap .login-main .login-body .form-status .el-checkbox {
  margin-right: 0;
  vertical-align: middle;
}
.login-wrap .login-main .login-body .btn {
  font-size: 12px;
  width: 100%;
  background: #0079fe;
  color: #fff;
  padding: 8px 12px;
}
.login-wrap .login-main .login-body .disabled {
  background: #ccc;
}
.login-wrap .login-main .login-body .errorTips {
  font-size: 12px;
  margin-top: 10px;
  color: #FF3830;
}
.login-compatibility {
  color: #fff;
  text-align: center; 
  bottom: 0;
  left: 0;
  right: 0;
  padding: 18px 0;
}
.login-compatibility .iconfirefox {
  margin-left: 10px;
}
@media (max-width: 768px) {
  .login-wrap {
    width: 380px;
    background-image: none;
  }
}