4dkankan_official/src/page/layout/ltemp/style.scss

$lincolor:#d0d0d1;

.input{
  height: 60px;
  input{
    appearance: none;
    border: none;
    border-bottom: 1px $lincolor solid;
    display: block;
    background: none;
    font-size: 16px;
    color: #fff;
    width: 100%;
    height:60px;
  }
}
.remember{
  margin: 40px 0 60px;
  span{
    vertical-align: middle;
    color: #fff;
    margin-right: 10px;
    &:first-child{
      border: solid 1px $lincolor;
      display: inline-block;
      width: 16px;
      height: 16px;
    }
  }
}

.verification{
  display: flex;
  input{
    flex: auto;
  }
  span{
    width: 200px;
    flex-shrink: 0;
    text-align: center;
    color: #fa082a;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    background-color: #fff;
  }
}

.submit{
  float: right;
  margin-top: 40px;
}

.temp-btn{
  background: #1fe4dc;
  color: #000;
  height: 50px;
  width: 200px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.login-dec{
  color: #fff;
  width: 200px;
  letter-spacing: 0.2px;
  margin-top: 20px;
}

.iregister-layout, .iforget-layout{
  width: 500px;
  padding: 32px 0 0 45px;
}

.ilogin-layout{
  display: flex;
  .input-con{
    width: 330px;
    padding: 32px 0 0 45px;
  }
  .qrcode{
    text-align: center;
    margin-top: 68px;
    margin-left: 45px;
    img{
      display: block;
      width: 150px;
      margin: 0 auto 20px;
      &:last-of-type{
        width: 50px;
        height: 50px;
        margin: 52px auto 20px;
      }
    }
  }
}