:global{
  html, body, #root {
    font-size: 16px;
    height: 100%;
  }
  @media screen and (min-width:360px){
    html{ font-size:48%;}
  }
  @media screen and (min-device-width: 375px){
    html{ font-size:50%;}
  }
  @media screen and (min-device-width: 384px){
    html{ font-size:51.2%;}
  }
  @media screen and (min-width:412px){
    html{ font-size:54.9%;}
  }
  @media screen and (min-device-width: 414px){
    html{ font-size:55.2%;}
  }
  @media screen and (min-width:480px){
    html{ font-size:64%;}
  }
  @media screen and (min-width:600px){
    html{ font-size:80%;}
  }
  @media screen and (min-width:640px){
    html{ font-size:85.3%;}
  }
  @media screen and (min-width:720px){
    html{ font-size:96%;}
  }
  @media screen and (min-width:768px){
    html{ font-size:90%;}
  }
  @media screen and (min-width:800px){
    html{ font-size:100%;}
  }
  @media screen and (min-width:900px){
    html{ font-size:106.7%;}
  }
  #companys_list + .rc-virtual-list, #sUserName_list + .rc-virtual-list, #sTeamName_list + .rc-virtual-list, #sMachineName_list + .rc-virtual-list {
    .ant-select-item{
      font-size: inherit;
      line-height: inherit;
    }
  }
  #containers{
    height: 100vh;
    .login{
      flex: 1;
      background: #323d48;
      padding: 1.7rem;
      margin-top: 0.6rem;
      .ant-col-15{
        flex: 0 0 100%;
        max-width: 100%;
      }
      .ant-legacy-form-item{
        margin-bottom: 0px;
      }
      .ant-select-selector__placeholder, .ant-select-selection-search__field__placeholder{
        color: white !important;
        height: 100%;
      }

      .ant-select-arrow{
        color: #fff;
      }
      .ant-input{
        background: #47586b;
        color: #fff;
        border: none;
        height: 3rem;
        padding-left: 2.4rem!important;
        font-size: 1.3rem;
      }
      .ant-select-selection-placeholder{
        font-size: 1.3rem;
        color: #fff;
        line-height: 3rem;
      }
      .ant-input-affix-wrapper{
        font-size: 1.3rem!important;
      }
      //.ant-col{
      //  height: 3.5rem!important;
      //}
      .ant-form-item{
        margin-bottom: 1rem!important;
      }

      .ant-select-selector{
        background: #47586b;
        border: none;
        padding-left: 2rem;
        height: 3rem!important;
        .ant-select-selection-item{
          background: #47586b;
          color: white;
          height: 100%;
          line-height: 3rem!important;
          font-size: 1.3rem;
          .ant-select-selection-selected-value {
            padding-left: 4px;
          }
        }
        .ant-select-arrow{
          color: #fff;
        }
      }
      .ant-select-selection-search-input{
        background: #47586b;
        color: white;
        height: 100%;
        line-height: 3rem!important;
        font-size: 1.3rem;
        padding-left: 2rem;
      }
      .ant-form {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
      }
    }
    .login .ant-input:-webkit-autofill,
    .login .ant-input:-webkit-autofill:hover,
    .login .ant-input:-webkit-autofill:focus,
    .login .ant-input:-webkit-autofill:active {
      -webkit-transition-delay: 99999s;
      -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
    }
    .login .ant-input:-webkit-autofill,
    .login .ant-input:-webkit-autofill:hover,
    .login .ant-input:-webkit-autofill:focus,
    .login .ant-input:-webkit-autofill:active {
      -webkit-transition-delay: 99999s;
      -webkit-transition:  color 99999s ease-out,background-color 99999s ease-out;
    }
  }
  .loginBottom {
    margin: 0;
    .ant-legacy-form-item-children{
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .loginSubmit, .loginColse{
      border: none;
      width: 45%;
      border-radius: 0;
    }
    .loginSubmit{
      background: #006fc8;
    }
    .loginColse{
      background: #ff6b5f;
    }
    button{
      height: 3rem;
      width: 37%!important;
      font-size: 1.3rem;
    }
  }
  /* OEE登陆 改版 */
  .login .ant-form-item-label{
    display: none!important;
  }
  //.ant-select-dropdown{
  //  font-size: 1.3rem!important;
  //}
}

.containers{
  width: 100%;
  height: 100%;
  background: rgb(22,35,47) !important;
  display: flex;
  justify-content: center;
  align-items:center;
}
.wraper {
  width: 66%;
  height: auto;
  margin-top: -3rem;
  //position: absolute;
  //left: 0;
  //right: 0;
  //top: 0;
  //bottom: 0;
  //margin: auto;
  display: flex;
  flex-direction: column;
}
.logoImg{
  width: 7rem;
  height: 5rem;
}
.logo{
  display: flex;
  justify-content: center;
  align-items:flex-end;
  span{
    margin: 0 0 0 0.5rem !important;
    align-self: flex-end;
    color: #fff;
    font-size: 2.3rem;
    font-weight: bold;
    letter-spacing: 0.2rem;
  }
}
.loginIcon{
  color: white;
}
.loginFormCenter{
  height: 100%;
}
.loginMiddle{
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.loginTip{
  .loginSelect{
    position: relative;
    margin-bottom: 1rem;
    img{
      width: 1.3rem;
      position: absolute;
      left: 10px;
      top: 30%;
      z-index: 1;
    }
    .loginIconSvg{
      color: white;
      font-size: 1.3rem;
      position: absolute;
      left: 10px;
      top: 30%;
      z-index: 1;
    }
  }
}
.faceReg{
  width: 2.5rem;
  position: absolute;
  right: 3rem;
  z-index: 1;
  top: 7%;
  img{
    width: 100%!important;
  }
}