html,
.bg {
  height: 100% !important;
}

.bg {
  background: #fff;
}

.login-container .login-box-bind-close {
  font-size: 22px;
  color: #6e6e6e;
  cursor: pointer
}

.login-container .login-form {
  padding: 20px
}

.login-container .login-form .login-form-item {
  margin-bottom: 20px
}

.login-container .login-form .login-box-item-no-margin {
  margin-bottom: 10px
}

.login-container .login-form .login-button {
  display: block;
  margin: 0 auto
}

.login-container {
  height: 100%;
  width: 100%;
  margin-bottom: -100px
}

.login-container .login-wrapper {
  height: 100%
}

.login-container .login-wrapper .login-header {
  width: 100%;
  height: 170px;
  line-height: 170px;
  padding: 0 16%
}

.login-container .login-wrapper .login-header .login-header-left h1,
.login-container .login-wrapper .login-header .login-header-left img {
  vertical-align: middle
}

.login-container .login-wrapper .login-header .login-header-left h1 {
  display: inline-block;
  margin-left: 10px
}

.login-container .login-wrapper .login-center {
  width: 100%;
  height: calc(100% - 395px);
  min-height: 500px;
  position: relative
}

.login-container .login-wrapper .login-center img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.login-outside {
  position: absolute;
  height: 100%;
  top: 0;
  right: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.login-container .login-wrapper .login-center .login-box {
  width: 350px;
  height: 380px;
  min-height: 350px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  border: 2px solid #586cb1;
  background: #fff
}

.login-container .login-wrapper .login-footer {
  clear: both;
  width: 100%;
  height: 225px
}

.login-container .login-wrapper .login-footer .login-footer-content {
  text-align: center;
  line-height: 2;
  padding-top: 88px
}

.login-box {
  border-radius: 8px
}

.login-box .login-box-bind,
.login-box .login-box-normal {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 8px
}

.login-box .login-box-bind {
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.login-box .login-box-bind .login-form .login-form-item {
  margin-bottom: 20px
}

.login-box .login-box-title {
  width: 99%;
  height: 50px;
  line-height: 50px;
  border-radius: 0 8px 0 0;
  color: #586cb1;
  font-weight: 700;
  border-bottom: 2px solid #dcdfe6
}

.select-role-dialog .el-select {
  width: 90%
}

.tips-style {
  color: red;
  font-size: 12px;
  margin-left: 16px
}

.height-line {
  display: inline-block;
  border-left: 1px solid rgba(0, 0, 0, .4392156862745098);
  height: 10px
}