@import "main.scss";

.container {
  margin: 0 auto;
  background:  rgb(1,10,43) url(../images/loginbg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1920px 500px;

  .login-top {
    height: 60px;
    overflow: hidden;
    zoom: 1;
    border-bottom: 1px solid #d6dfea;
    background: $top-bgcolor;
    text-align: center;
    padding-top:10px;
    .topbar-btn {
      color: #fff;
    }

    /*页面顶部*/
    /*.topbar-btn:hover {*/
    /*background-color: #4A5064;*/
    /*}*/
    .topbar-logo {
      line-height: 26px;
    }

    .topbar-logo img {
      height: 36px;
    }

    .topbar-title {
      padding-left: 10px;
      font-size: 19px;
      color:white;
    }
  }

  .login-middle {
  //  background: rgb(1,10,43);

    .login-container {
      margin: 64px auto;
      width: 330px;
      padding: 35px 35px 18px 30px;
      //  background: rgba($color: #000, $alpha: 0.2);
      background: #fff;
      border-radius: 10px;
      border: 1px solid #a0b1c4;

      .title {
        margin: 0px auto 40px auto;
        text-align: center;
      }

      .remember {
        margin: 0px 0px 37px 0px;
      }
    }
  }

  .login-bottom {
    position: fixed;
    _position: static;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    clear: both;
    line-height: 36px;
    text-align: center;
    color: #fff;
    background-color: $top-bgcolor;
    border-top: 1px solid #d6dfea;
  }
}