beeMansLogin.css 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. html, body, div, p {padding: 0;margin: 0;}
  2. body {
  3. width: 100vw;
  4. height: 100vh;
  5. font-family: PingFangSC-Semibold, PingFang SC;
  6. }
  7. @media screen and (max-width: 750px) {
  8. body, html {
  9. font-size: calc(100vw / 7.5) !important;
  10. }
  11. }
  12. @media screen and (min-width: 750px) {
  13. body, html {
  14. font-size: calc(380px / 7.5) !important;
  15. }
  16. }
  17. .fcnc {
  18. display: flex;
  19. align-items: center;
  20. flex-direction: column;
  21. height: 100vh;
  22. position: relative;
  23. }
  24. .logo {width: 1.44rem;height: 1.44rem;margin-bottom: 0.24rem;margin-top: 1.96rem;}
  25. .login-title {color: #333;font-weight: 600;font-size: 0.36rem;line-height: 0.5rem;margin-bottom: 0.16rem;}
  26. .login-subtitle{color: #999;font-size: 0.28rem;line-height: 0.4rem;margin-bottom: 0.72rem;}
  27. .input-item{height: 0.8rem;width: 5.9rem;border: 2px solid #EAEDF5;border-radius: 0.5rem;overflow: hidden;display: flex;align-items: center;}
  28. .mb30{margin-bottom: 0.3rem;}.mb110{margin-bottom: 1.10rem;}
  29. .icon{width: 0.94rem;height: 0.8rem;text-align: center;line-height: 0.4rem;}
  30. .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;}
  31. .icon-user{width: 0.44rem;height: 0.44rem;}
  32. .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;outline: none;border: none;}
  33. .weui-toast--text, .weui-toast_content {
  34. font-size: 0.28rem;
  35. }
  36. .weui-toast {
  37. width: 1.76rem;
  38. min-height: 0.56rem;
  39. }