android-cloud-H5/microserviceUserH5/static/css/beeMansLogin.css

html, body, div, p {padding: 0;margin: 0;}
body {
  width: 100vw;
  height: 100vh;
  font-family: PingFangSC-Semibold, PingFang SC;
}
@media screen and (max-width: 750px) {
  html {
      font-size: calc(100vw / 7.5);
  }
}
@media screen and (min-width: 750px) {
  html {
      font-size: calc(450px / 7.5);
  }
}
.fcnc {
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 100vh;
  position: relative;
}
.logo {width: 1.44rem;height: 1.44rem;margin-bottom: 0.24rem;margin-top: 1.96rem;}
.login-title {color: #333;font-weight: 600;font-size: 0.36rem;line-height: 0.5rem;margin-bottom: 0.16rem;}
.login-subtitle{color: #999;font-size: 0.28rem;line-height: 0.4rem;margin-bottom: 0.72rem;}
.input-item{height: 0.8rem;width: 5.9rem;border: 2px solid #EAEDF5;border-radius: 0.5rem;overflow: hidden;display: flex;align-items: center;}
.mb30{margin-bottom: 0.3rem;}.mb110{margin-bottom: 1.10rem;}
.icon{width: 0.94rem;height: 0.8rem;text-align: center;line-height: 0.4rem;}
.input-item input{border: none;outline: none;height: 0.28rem;padding-left: 0.1rem;border-left: 2px solid #e8e8e8;font-size: 0.28rem;color: #333;width: 3.66rem;}
.icon-user{width: 0.44rem;height: 0.44rem;}
.btn{width: 5.9rem;height: 1rem;background: #3B7FFF;border-radius: 0.6rem;letter-spacing: 2px;font-size: 0.36rem;line-height: 1rem;color: #fff;text-align: center;}
#toast-container>.toast-error {background-image: none!important;}
.toast-error {background-color: rgba(0, 0, 0, 0.7);}
.toast-message {font-size: 0.28rem;line-height: 0.8rem;text-align: center;font-weight: 400;color: #FFFFFF;}
#toast-container>div {width: 4rem;height: 0.8rem;opacity: 1;padding: 0 !important;border-radius: 0.2rem;box-shadow: none;}
.toast-center-center {top: 50%;left: 50%;margin-top: -0.45rem;margin-left: -2rem;}
.master {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
}
.loading {
  color: #fff;
  font-size: 0.28rem;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.7);
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 50%;
  margin-top: -1rem;
  left: 50%;
  margin-left: -1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 0.2rem;
}
.loadingSix {
  position: relative;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  margin-bottom: 0.2rem;
}
.loadingSix span {
  display: inline-block;
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 50%;
  background: #ffffff;
  position: absolute;
  animation: load 1.04s ease infinite;
  -webkit-animation: load 1.04s ease infinite;
}
@keyframes load {
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0.2;
  }
}
.loadingSix span:nth-child(1) {
  left: 0;
  top: 50%;
  margin-top:-0.08rem;
  animation-delay:0.13s;
  -webkit-animation-delay:0.13s;
}
.loadingSix span:nth-child(2) {
  left: 0.14rem;
  top: 0.14rem;
  animation-delay:0.26s;
  -webkit-animation-delay:0.26s;
}
.loadingSix span:nth-child(3) {
  left: 50%;
  top: 0;
  margin-left: -0.08rem;
  animation-delay:0.39s;
  -webkit-animation-delay:0.39s;
}
.loadingSix span:nth-child(4) {
  top: 0.14rem;
  right: 0.14rem;
  animation-delay: 0.52s;
  -webkit-animation-delay: 0.52s;
}
.loadingSix span:nth-child(5) {
  right: 0;
  top: 50%;
  margin-top: -0.08rem;
  animation-delay: 0.65s;
  -webkit-animation-delay: 0.65s;
}
.loadingSix span:nth-child(6) {
  right: 0.14rem;
  bottom: 0.14rem;
  animation-delay:0.78s;
  -webkit-animation-delay:0.78s;
}
.loadingSix span:nth-child(7) {
  bottom: 0;
  left: 50%;
  margin-left: -0.08rem;
  animation-delay:0.91s;
  -webkit-animation-delay:0.91s;
}
.loadingSix span:nth-child(8) {
  bottom: 0.14rem;
  left: 0.14rem;
  animation-delay:1.04s;
  -webkit-animation-delay:1.04s;
}