.login{
    text-align: center;
    margin:0;
    padding:0;
    height:100%;
    width: 100%;
    position: relative;
    // background-image: url(./pic_bg.png);
    background-image: url(../../assets/images/pic_bg.png);
    background-repeat:no-repeat;
    background-size:auto 100%;
    background-attachment:fixed;
    background-position:right;
    /* background: -webkit-linear-gradient(0, rgb(255,190,7) 10%, rgb(255,111,0) 80%);
    background: linear-gradient(0, rgb(255,190,7) 10%, rgb(255,111,0) 80%); */
    // background-size: 52% 100% !important;
    &__logomini{
      position: absolute;
      top:1%;
      left: 2%;
      display: flex;
      align-items: center;
      p{
        font-size:24px;
        height:32px;
        font-family:PingFangSC-Semibold,PingFang SC;
        font-weight:600;
      }
    }
    &__title{
      position: absolute;
      z-index: 10;
      letter-spacing: 10px;
      left: 11%;
      top: 32%;
      font-size:54px;
      font-family:HelveticaNeue-Bold,HelveticaNeue;
      font-weight:bold;
      color:rgba(51,51,51,1);
    }
    &__loginyuan{
      position: absolute;
      border-radius: 50%;
      width: 114px;
      height: 114px;
      background:linear-gradient(170deg,rgb(137, 188, 255) 0%,rgb(84, 150, 250) 100%);
      top: 27%;
      left: 8%;
    }
    &__loginyuan-rightcen{
      position: absolute;
      border-radius: 50%;
      top: 10%;
      right: 33%;
      width:32px;
      height:32px;
      background:linear-gradient(135deg,rgb(137, 188, 255) 0%,rgb(84, 150, 250) 100%);
    }
    &__img{
      position: absolute;
      right: 8%;
      top: 15%;
    }
    &-title {
        font-size: 36px;
        color: #fff;
        text-align: center;
        margin: 15px;
        border-bottom: rgb(212, 212, 212) solid 1px;
        height: 60px;
    }
    &-con{
        position: absolute;
        left: 11%;
        top: 45%;
        // transform: translate(40%,-55%);
        width: 450px;
        &-header{
            font-size: 16px;
            font-weight: 300;
            text-align: center;
            padding: 30px 20px;
        }
        .form-con{
            padding: 10px 0 0;
        }
        .login-tip{
            font-size: 10px;
            text-align: center;
            color: #c3c3c3;
        }
        .ivu-card-body {
            padding: 16px 25px;
            .ivu-card-head{
                color: #405480;
            }
        }
    }
    &-tip{
      display: flex;
      width: 48%;
      height: 100vh;
      justify-content: center;
      align-items: flex-end;
      &-p{
        height: 34px;
        font-size:14px;
        font-family:PingFangSC-Regular,PingFang SC;
        font-weight:400;
        color:rgba(108,108,109,1);
      }
    }
}

/* .login {
  text-align: center;
  margin:0;padding:0;height:100%;
  position: relative;
  background: -webkit-linear-gradient(0, rgb(255,190,7) 10%, rgb(255,111,0) 80%);
  background: linear-gradient(0, rgb(255,190,7) 10%, rgb(255,111,0) 80%);
  background-size: 100% 100% !important;
} */
