body {
  height: 100vh !important;
}

.container {
  width              : 100%;
  height             : 100vh;
  background-image   : url("../asserts/background.jpg");
  /* background-image: url(../../images/user/login/login_background.jpg); */
  background-size    : cover;
  background-repeat  : no-repeat;
}

/* 登录弹窗 */
.login-container {
  position         : absolute;
  top              : 50%;
  left             : 50%;
  width            : 300px;
  -webkit-transform: translate(-50%, -50%);
  transform        : translate(-50%, -50%);
  background-color : rgba(255, 255, 255, 0.1);
  border-radius    : 5px;
  text-align       : center;
}

.login-container__qrfix {
  position        : absolute;
  top             : 10px;
  right           : 10px;
  width           : 49px;
  height          : 49px;
  z-index         : 100;
  background-image: url(../asserts/wx.png);
  cursor          : pointer;
}

.login-container__pcfix {
  position        : absolute;
  top             : 10px;
  right           : 10px;
  width           : 49px;
  height          : 49px;
  z-index         : 100;
  background-image: url(../asserts/pc.png);
  cursor          : pointer;
}

.login-container__title {
  margin   : 40px 0 30px;
  font-size: 26px;
  color    : #fff;
}

.login-container__title-logo {
  background-image : url(../asserts/logo.png);
  height           : 33px;
  width            : 155px;
  margin           : 0 auto;
  background-size  : contain;
  background-repeat: no-repeat;
}

.login-container__pctitle {
  margin    : 25px 20px 20px 20px;
  font-size : 16px;
  color     : #fff;
  text-align: left;
}

.login-container__pchr {
  margin: 25px 20px 25px 20px;
}

.validate-input {
  display: inline-block !important;
  width  : 70px !important;
}

.form-flex {
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow        : row nowrap;
  flex-flow            : row nowrap;
  -webkit-box-align    : center;
  -ms-flex-align       : center;
  align-items          : center;
  margin-bottom        : 1.25rem;
}

.form-flex a {
  -ms-flex-negative: 0;
  flex-shrink      : 0;
  margin-left      : 7px;
  font-size        : 0.75rem;
  text-decoration  : underline;
  color            : #ddd;
}
 
.form-flex a:visited,
.form-flex a:active,
.form-flex a:link {
  color: #ddd !important;
}

.form-flex a:hover {
  color: #87cefa !important;
}

.form-flex span {
  flex-shrink: 0;
  margin-left: 7px;
  font-size  : 0.75rem;
  color      : #ddd;
}

/*  */
.login-container__form {
  width     : 80%;
  margin    : 0 auto;
  text-align: center;
  position  : relative;
}

.login-container__qr {
  width           : 240px;
  height          : 240px;
  background-color: #fff;
  box-sizing      : border-box;
}

#divQr {
  padding-top: 10px;
}

#refreshQr {
  position        : absolute;
  top             : 0;
  left            : 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index         : 101;
  width           : 100%;
  height          : 100%;
}

#refreshQr .expireTitle {
  text-align : center;
  margin-top : 30%;
  color      : #fff;
  font-weight: bold;
  font-size  : 16px;
}

#refreshQr .refreshBtn {
  width           : 100px;
  height          : 30px;
  color           : #fff;
  margin-top      : 20px;
  background-color: #1ab394;
  border          : none;
}

/*  */
.login-container__link {
  display      : block;
  margin-top   : 10px;
  margin-bottom: 20px;
  font-size    : 12px;
  color        : #fff;
}

.login-container__link1 {
  display      : block;
  margin-top   : 10px;
  margin-bottom: 10px;
  font-size    : 12px;
  color        : #fff;
}

.login-container__click {
  display      : block;
  margin-bottom: 20px;
  font-size    : 12px;
  text-align   : center;
  color        : #1ab394;
}

.login-container__click a {
  color          : #1ab394 !important;
  text-decoration: underline;
}

.btn-new {
  background-color: #1ab394;
  color           : #fff;
}

.form-control-feedback {
  color: #999;
}