login.css 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
  1. html, body {
  2. height: 100% !important;
  3. }
  4. body {
  5. color: #fff;
  6. font-family: "微软雅黑";
  7. font-size: 14px;
  8. background: url(/assets/img/djzhb/login/bg.jpg) no-repeat;
  9. background-size: 100% 100%;
  10. }
  11. .logoclass {
  12. width: 170px;
  13. display: inline-block;
  14. margin-top: 40px;
  15. margin-left: 120px;
  16. float: left;
  17. }
  18. .sys_name {
  19. display: inline-block;
  20. font-weight: 600;
  21. color: #fff;
  22. letter-spacing: 10px;
  23. margin-right: 220px;
  24. /* opacity: 0.9; */
  25. font-size: 38px;
  26. /* position: absolute; */
  27. /* margin: 0px auto; */
  28. margin-top: 80px;
  29. }
  30. .contersub {
  31. width: 434px;
  32. border: 0px;
  33. position: absolute;
  34. right: 15%;
  35. top: 28%;
  36. box-shadow: #0b97e0 10px 10px 30px 5px;
  37. }
  38. .main_content {
  39. /*background:url(../images/main_bg.png) repeat;*/
  40. background: #f1f0f0;
  41. margin-left: auto;
  42. margin-right: auto;
  43. text-align: left;
  44. float: none;
  45. border-radius: 8px;
  46. height: 447px;
  47. overflow: hidden;
  48. padding: 0px !important;
  49. }
  50. .login_btn {
  51. margin: 5px auto 30px auto;
  52. display: block;
  53. /* background: #3872f6; */
  54. background: url(/assets/img/djzhb/login/jianbian.jpg) repeat-x;
  55. color: #fff;
  56. font-size: 18px;
  57. width: 314px;
  58. line-height: 60px;
  59. border-radius: 3px;
  60. border: none;
  61. text-align: center;
  62. height: 60px;
  63. }
  64. .login_input {
  65. color: #000;
  66. width: 100%;
  67. /* border:1px solid #3872f6; */
  68. border-radius: 3px;
  69. line-height: 40px;
  70. padding: 0px 0px 0px 35px;
  71. background: none;
  72. }
  73. .icon_font {
  74. position: absolute;
  75. bottom: 15px;
  76. left: 10px;
  77. font-size: 18px;
  78. color: #3872f6;
  79. }
  80. .layiput {
  81. width: 90%;
  82. margin: 0px auto;
  83. }
  84. .iconstyle {
  85. font-size: 18px;
  86. color: #1E9FFF;
  87. position: absolute;
  88. margin: 10px 5px 3px 6px;
  89. }
  90. .font16 {
  91. font-size: 16px;
  92. margin: 40px 0px 20px 0px;
  93. }
  94. .mg-b20 {
  95. margin-top: 50px;
  96. margin-bottom: 10px;
  97. }
  98. .text-center {
  99. text-align: center;
  100. color: #000;
  101. }
  102. #conterdiv {
  103. height: 200px;
  104. overflow: hidden
  105. }
  106. .Tipsdownload {
  107. text-align: center;
  108. color: #36A0DA;
  109. cursor: pointer;
  110. }
  111. .explain {
  112. text-align: center;
  113. color: #ABB1BD;
  114. cursor: pointer;
  115. }
  116. #footerhtml {
  117. position: fixed;
  118. width: 100%;
  119. font-size: 16px;
  120. text-align: center;
  121. bottom: 20px;
  122. }
  123. #contertab {
  124. width: 314px;
  125. margin: 50px auto 5px auto;
  126. }
  127. #tabname li {
  128. width: 50%;
  129. padding: 0 0px !important;
  130. font-size: 20px;
  131. }
  132. .layui-tab-brief > .layui-tab-title .layui-this {
  133. color: #40a5fa !important;
  134. }
  135. .layui-tab-brief > .layui-tab-title li {
  136. color: #555;
  137. }
  138. .layui-tab-brief > .layui-tab-more li.layui-this:after, .layui-tab-brief > .layui-tab-title .layui-this:after {
  139. border-bottom: 2px solid #3c95f8 !important;
  140. }
  141. #login_form {
  142. margin-top: 20px;
  143. }
  144. .layui-input {
  145. border: 0px;
  146. }
  147. .layui-form-checked[lay-skin=primary] i {
  148. border-color: #46bffe !important;
  149. background-color: #46bffe !important;
  150. }
  151. .resultmsg {
  152. text-align: center;
  153. color: red
  154. }
  155. .QRcode {
  156. width: 260px;
  157. height: 260px;
  158. }