@import "./theme.scss";
.sld_login {
  .sld_login_header {
    height: 88px;
    background: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);

    .content {
      height: 100%;
      display: flex;
      position: relative;
      align-items: center;
      width: 1440px;
      margin: 0 auto;

      .l_logo {
        height: 100%;
        cursor: pointer;
        width: 320px;

        .img {
          height: 100%;
          width: 100%;
          object-fit: cover;
        }

        .text {
          font-size: 0;
          display: inline-block;
          vertical-align: top;
          line-height: 48px;
          margin-left: 5px;
        }
      }

      .r_register_wrap {
        font-size: 14px;
        text-align: right;
        position: absolute;
        right: 0;
        .go_login_btn, .go_register_btn {
          font-size: 13px;
          display: inline-block;
          padding: 6px 22px;
          background: $colorMain;
          color: #fff;
          border-radius: 30px;
          margin-left: 7px;
          //font-family: Microsoft YaHei;
          height: 30px;
          line-height: 17px;
        }
      }
    }
  }

  .sld_login_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 750px;
    position: relative;
    .bg {
      position: absolute;
      margin: auto;
      width: 1920px;
      height: 100%;
      margin-left: -960px;
      left: 50%;
      overflow: hidden;
      display: block;
      object-fit: cover;
    }
    .login {
      width: 1200px;
      height: 100%;
      margin: auto;
      z-index: 99;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      position: relative;

      .login_box {
        display: flex;
        flex-direction: column;
        width: 487px;
        height: 598px;
        position: relative;
        z-index: 10000;
        background: #fff;
        // padding: 10px 2px 50px;

        .top {
          margin-top: 20px;
          display: flex;
          width: 100%;
          cursor: default;
          .item1 {
            flex: 1;
            text-align: center;
            font-weight: bold;
            font-size: 27px;
            color: #282E30;
            position: relative;
            cursor: default;
          }
        }

        .bottom {
          height: 51px;
          background: #fcfcfc;
          border-top: 1px solid #eee;
          // position: absolute;
          width: 100%;
          // bottom: 0;
          // left: 0;
          display: flex;
          padding: 0 16px;
          box-sizing: border-box;

          &.row-reverse {
            flex-direction: row-reverse;
          }

          a {
            display: block;
            line-height: 50px;
            margin-right: 10px;
            // font-weight: bold;
            font-size: 14px;
            color: $colorMain;

            &:hover {
              color: $colorMain;
            }
          }

          img {
            width: 28px;
            height: 28px;
            cursor: pointer;
          }
        }
      }
    }
  }
}


.isLoading{
  opacity: .5!important;
  cursor: no-drop;
}