@import "@common/common.less";

.login-container{
  min-width: 1200px;
  height: 100vh;
  .bg-box{
    position: relative;
    float: left;
    width: 62%;
    height: 100%;
    background: url("../../images/login-bg.png") no-repeat;
    background-size: cover;
    h1{
      position: absolute;
      font-size: 28px;
      color: #fff;
      top:74px;
      left: 39px;
    }
    img{
      height: 100%;
    }
  }
  .content-box{
    width: 38%;
    height: 100%;
    background: url("../../images/login-v.png") top right #fff no-repeat;
    float: right;

  }
  .form-box{
    width: 55%;
    margin: auto;
    .ant-btn-primary{
      width: 100%;
    }
  }
  .logo{
    width: 55%;
    margin: 150px auto 50px;
    text-align: center;
    .welcome{
      font-size: 20px;
      font-weight: bold;
      margin-top: 80px;
      text-align: left;
    }
    img{
      width: 100%;
    }
  }
}