Brak opisu

newLogin.css 2.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. body {
  2. min-height: 14.99rem;
  3. background-size: 100% 100%;
  4. position: relative;
  5. }
  6. * {box-sizing:border-box;font-family: "PingFang SC,Microsoft YaHei,SourceHanSansCN-Normal,HiraginoSansGB,HiraginoSans-W3,Helvetica Neue,Helvetica,STHeiTi,sans-serif"}
  7. .form {
  8. width: 6.73rem;
  9. position: absolute;
  10. top: 9.92rem;
  11. left: 50%;
  12. transform: translate(-50%,0);
  13. }
  14. .input,.paw {
  15. width: 100%;
  16. height: 1.16rem;
  17. padding: .38rem .25rem;
  18. border-radius: .1rem;
  19. background: #fff;
  20. box-shadow: 0 0 0.7rem rgba(51,135,226,.35);
  21. margin-bottom: .22rem;
  22. }
  23. .paw {
  24. display: flex;
  25. justify-content: space-between;
  26. align-items: center;
  27. }
  28. input {
  29. width: 50%;
  30. height: .4rem;
  31. border: 0;
  32. outline: 0;
  33. line-height: .4rem;
  34. }
  35. .check {
  36. border: none;
  37. width: 1.92rem;
  38. height: .69rem;
  39. line-height: .69rem;
  40. text-align: center;
  41. border-radius: .35rem;
  42. font-size: .33rem;
  43. background: transparent;
  44. color: #007DFC;
  45. }
  46. .bottom {
  47. font-size: .24rem;
  48. color: #fff;
  49. position: absolute;
  50. bottom: .3rem;
  51. left: 50%;
  52. transform: translate(-50%,0);
  53. }
  54. input::-webkit-input-placeholder{
  55. color: #A1A3AD;
  56. font-size: .33rem;
  57. }
  58. input::-moz-placeholder{ /* Mozilla Firefox 19+ */
  59. color: #A1A3AD;
  60. font-size: .33rem;
  61. }
  62. input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
  63. color: #A1A3AD;
  64. font-size: .33rem;
  65. }
  66. input::-ms-input-placeholder{ /* Internet Explorer 10-11 */
  67. color: #A1A3AD;
  68. font-size: .33rem;
  69. }
  70. .alert-info {
  71. position: fixed;
  72. top: 3.48rem;
  73. right: 0;
  74. left: 0;
  75. bottom: 0;
  76. text-align: center;
  77. z-index: 2;
  78. display: none;
  79. }
  80. .alert-info p {
  81. display: inline-block;
  82. height: .76rem;
  83. color: #fff;
  84. font-size: .28rem;
  85. line-height: .76rem;
  86. padding: 0 .2rem;
  87. background: rgba(0, 0, 0,.9);
  88. border-radius: 5px;
  89. }
  90. .button {
  91. width: 5.01rem;
  92. height: 1.22rem;
  93. background-image: url("../img/btn.png?v=1.0.2");
  94. background-size: 100% 100%;
  95. border-radius: .11rem;
  96. border: none;
  97. color: #DC0000;
  98. font-size: .2rem;
  99. margin: auto;
  100. margin-top: .38rem;
  101. margin-bottom: .44rem;
  102. }