/*登陆*/
.mainBox{
  position: relative;
  user-select: none;
  filter:none !important;
  .bgBox{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-image: url("../../assets/images/bg.jpg");
    filter: blur(3px);
    z-index: -1;
    -webkit-filter: blur(3px);
}
  .loginBox{
    width: 380px;
    position: fixed;
    left: 50%;
    top: 40%;
    transform:translate(-50%,-50%);
    display: flex;
    flex-direction:column;
    justify-content: center;
    .titleBox{
      width: 100%;
      text-align: center;
      margin-bottom: 3vw;
      .titleText{
        width: 100%;
        font-size: 1.5vw;
        color: rgba(255,255,255,.8);
        margin-top: 1vw;
      }
    }
    .loginForm{
      background:rgba(255,255,255,.8);
      border-radius: .6vw;
      padding: 20px 20px 0px 20px;
      .codeImg{
        width: 90px;
        margin-right: 5px;
        display:inline-block;
        & :deep svg{
          width: 100%;
          height: 100%;
        }
      }
      .flexBox{
        display: flex;
        align-items: center;
      }
    }
  }
  @media screen and (max-width:768px){
    .loginBox{
      width: 90vw;
      .titleBox{
        .titleText{
          font-size: 6vw;
          margin-bottom: 4vw;
        }
      }
      .loginForm{
        border-radius: 1.6vw;
        .codeImg{
          width: 20vw;
          margin-right: 5px;
          & :deep svg{
            width: 100%;
            height: 100%;
          }
        }
      }
    }
 }
}