@import '../../assets/scss/mixins';

.page {
  position: relative;
  overflow: hidden;

  .bgc {
    // background-color: transparent;
    // background-color: black;
    background-color: #fafafc;
  }


  .main {

    position: relative;

    .top-space {
      height: 60px;
    }


    .login {
      position: relative;
      width: 650px;
      margin: 0 auto;
      text-align: center;

      &-logo {
        width: 140px;
        height: 140px;
      }

      &-name {
        margin-top: 32px;
        font-size: 32px;
        color: #333333;
      }

      &-line {
        margin-top: 70px;
        width: 650px;
        height: 2px;
        background-color: #eaeaec;
      }

      &-title {
        margin-top: 40px;
        font-size: 32px;
        text-align: left;
        color: #333333;
      }


      &-tips {
        margin-top: 28px;
        font-size: 26px;
        text-align: left;
        color: #666666;
      }

      &-btn {
        margin-top: 102px;
        width: 650px;
        height: 90px;
        line-height: 90px;
        border-radius: 8px;
        background-color: #00c200;
        font-size: 32px;
        color: #ffffff;
      }

    }

  }

}