login.css 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  1. * {
  2. padding: 0;
  3. margin: 0;
  4. list-style: none;
  5. box-sizing: border-box;
  6. }
  7. html,
  8. body {
  9. width: 100%;
  10. height: 100%;
  11. background: #151618;
  12. }
  13. .LoginContaienr {
  14. width: 100%;
  15. height: 100%;
  16. }
  17. .LoginTitle {
  18. width: 100%;
  19. height: 2.72rem;
  20. display: flex;
  21. display: -moz-flex;
  22. display: -o-flex;
  23. display: -webkit-flex;
  24. display: -ms-flex;
  25. justify-content: center;
  26. align-items: center;
  27. font-size: 0.64rem;
  28. font-weight: bold;
  29. color: #DFDFDF;
  30. }
  31. .LoginInput {
  32. width: 92%;
  33. height: 1.08rem;
  34. display: flex;
  35. display: -moz-flex;
  36. display: -o-flex;
  37. display: -webkit-flex;
  38. display: -ms-flex;
  39. justify-content: center;
  40. align-items: center;
  41. margin: 0 auto 0.32rem;
  42. }
  43. .LoginInput input {
  44. width: 100%;
  45. height: 1.08rem;
  46. background: #25252A;
  47. border: none;
  48. outline: none;
  49. color: #DFDFDF;
  50. font-size: 0.3rem;
  51. padding-left: 0.32rem;
  52. }
  53. .LoginBtn {
  54. width: 92%;
  55. height: 1rem;
  56. background: #CF5731;
  57. color: #DFDFDF;
  58. font-size: 0.34rem;
  59. border-radius: 0.12rem;
  60. margin: 0 auto;
  61. display: flex;
  62. display: -moz-flex;
  63. display: -o-flex;
  64. display: -webkit-flex;
  65. display: -ms-flex;
  66. justify-content: center;
  67. align-items: center;
  68. margin-bottom: 0.5rem;
  69. }
  70. .LoginText {
  71. width: 92%;
  72. height: 0.44rem;
  73. display: flex;
  74. display: -moz-flex;
  75. display: -o-flex;
  76. display: -webkit-flex;
  77. display: -ms-flex;
  78. justify-content: center;
  79. align-items: center;
  80. flex-direction: row;
  81. margin: 0 auto;
  82. }
  83. .LoginTextLeft {
  84. font-size: 0.28rem;
  85. color: #818181;
  86. }
  87. .LoginTextRight {
  88. width: 1.2rem;
  89. height: 0.44rem;
  90. text-align: center;
  91. line-height: 0.44rem;
  92. font-size: 0.28rem;
  93. color: #CF5731;
  94. }
  95. .SLdetaileHeader {
  96. width: 100%;
  97. height: 0.88rem;
  98. position: fixed;
  99. top: 0rem;
  100. z-index: 9;
  101. background: #151618;
  102. }
  103. .SLdetaileHeaderText {
  104. width: 100%;
  105. height: 0.88rem;
  106. display: flex;
  107. display: -moz-flex;
  108. display: -o-flex;
  109. display: -webkit-flex;
  110. display: -ms-flex;
  111. justify-content: center;
  112. align-items: center;
  113. color: #DFDFDF;
  114. font-size: 0.34rem;
  115. }
  116. .SLdetaileHeaderText img{
  117. width:1.85rem;
  118. height:0.4rem;
  119. }
  120. .SLdetaileHeaderImg {
  121. width: 1rem;
  122. height: 0.88rem;
  123. position: absolute;
  124. top: 0;
  125. left: 0;
  126. display: flex;
  127. display: -moz-flex;
  128. display: -o-flex;
  129. display: -webkit-flex;
  130. display: -ms-flex;
  131. justify-content: center;
  132. align-items: center;
  133. z-index:10;
  134. }
  135. .SLdetaileHeaderImg img {
  136. width: 0.5rem;
  137. height: 0.5rem;
  138. }