login.css 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
  1. body {
  2. position:fixed;
  3. width: 100%;
  4. height: 100%;
  5. overflow: hidden;
  6. background-color: #fff;
  7. }
  8. .body_img {
  9. position: relative;
  10. width: 100%;
  11. height: 100%;
  12. overflow: hidden;
  13. background-image: url(/static/images/login_backgroup.png);
  14. background-repeat: no-repeat;
  15. background-size: 100% 100%;
  16. background-color: #fff;
  17. }
  18. .main_title {
  19. float: left;
  20. width: 100%;
  21. height: 40px;
  22. font-size: 30px;
  23. font-weight: 800;
  24. color: #FFFFFF;
  25. line-height: 40px;
  26. }
  27. .sub_title {
  28. float: left;
  29. width: 100%;
  30. height: 20px;
  31. font-size: 14px;
  32. font-weight: 500;
  33. color: #FFFFFF;
  34. line-height: 20px;
  35. }
  36. .login_logo{
  37. height: 5rem;
  38. width: 19rem;
  39. margin-left: 67%;
  40. margin-top: 9%;
  41. }
  42. .login_logo img{
  43. width: 100%;
  44. height: 100%;
  45. }
  46. .login_back {
  47. background-image: url(/static/images/login.png);
  48. width: 725px;
  49. height: 647px;
  50. background-size: 100% 100%;
  51. background-repeat: no-repeat;
  52. position: absolute;
  53. left: 22%;
  54. }
  55. .login_eye{
  56. position: absolute;
  57. margin: 0.8rem 0 0 -2.5rem;
  58. float: right;
  59. cursor: pointer;
  60. font-size: 2rem !important;
  61. color: #97AAC0;
  62. }
  63. .login_area {
  64. position: absolute;
  65. width: 22%;
  66. right: 16.5%;
  67. }
  68. .login_area > div {
  69. float: left;
  70. width: 100%;
  71. margin: 10px 0;
  72. }
  73. .login_area > span {
  74. float: left;
  75. width: 100%;
  76. font-family: YouSheBiaoTiHei;
  77. font-weight: 400;
  78. color: #233C7F;
  79. }
  80. .login_middle_title {
  81. font-size: 36px;
  82. }
  83. .login_big_title {
  84. font-size: 48px;
  85. }
  86. .login_small_title {
  87. /*height: 16px;*/
  88. font-size: 18px;
  89. }
  90. .login_icon {
  91. font-size: 30px !important;
  92. margin-top: 9px;
  93. float: left;
  94. color: #233C7F;
  95. margin-left: 15px;
  96. cursor: default;
  97. }
  98. .login_text {
  99. float: left;
  100. width: 400px;
  101. height: 3rem;
  102. font-size: 2rem;
  103. font-family: PingFang SC-Medium, PingFang SC;
  104. font-weight: 500;
  105. color: #FFFFFF;
  106. line-height: 7rem;
  107. text-align: left;
  108. }
  109. .login_input {
  110. width: 90%;
  111. height: 3.5rem;
  112. font-weight: 400;
  113. font-size: 1.33rem;
  114. color: #828282;
  115. border-radius: 0.4rem;
  116. opacity: 1;
  117. background-color: transparent;
  118. border: 1px solid #97AAC0;
  119. position: relative;
  120. padding: 0 1.16rem;
  121. }
  122. .login_button {
  123. width: 100%;
  124. height: 3.67rem;
  125. line-height: 3.75rem;
  126. background: #134BEA;
  127. border-radius: 0.4rem;
  128. font-size: 1.7rem;
  129. cursor: pointer;
  130. opacity: 1;
  131. color: #FFFFFF;
  132. }
  133. .fieldStyle {
  134. float: left;
  135. width: 100%;
  136. height: 2.3rem;
  137. font-size: 1.7rem;
  138. font-weight: 500;
  139. color: #516380;
  140. line-height: 2.3rem;
  141. margin-bottom: 1rem;
  142. }