纽威
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

178 lines
3.3 KiB

2 years ago
  1. body, html {
  2. overflow: hidden;
  3. }
  4. body {
  5. padding: 0;
  6. margin: 0;
  7. background: url(/Content/img/NewIndex.jpg) no-repeat;
  8. background-size: 100% 100%;
  9. min-height: 100vh;
  10. font-family: 'Roboto', sans-serif;
  11. }
  12. #F_Location option
  13. {
  14. color: #22b9fe ;
  15. }
  16. /*#F_Location
  17. {
  18. color: #22b9fe ;
  19. }*/
  20. .clearfix {
  21. clear: both;
  22. height: 0;
  23. }
  24. dl, dt, dd, button {
  25. padding: 0;
  26. margin: 0;
  27. }
  28. .login_box {
  29. width: 100%;
  30. max-width: 463px;
  31. height: 500px;
  32. position: absolute;
  33. top: 55%;
  34. left: 68.5%;
  35. transform: translate(-50%, -50%);
  36. -webkit-transform: translate(-50%, -50%);
  37. -ms-transform: translate(-50%, -50%);
  38. }
  39. .login_box .title {
  40. width: 90%;
  41. height: 50px;
  42. background-color: #32b1fe;
  43. text-align:center;
  44. font-size:30px;
  45. font-weight:bolder;
  46. color:white;
  47. font-family:"黑体";
  48. }
  49. .login_box .content {
  50. width: 90%;
  51. height: 400px;
  52. background-color: #fff;
  53. }
  54. .login_box .content .login_form {
  55. top: 0;
  56. opacity: 1;
  57. float: left;
  58. width: 82%;
  59. height: 82%;
  60. margin: 0 20px;
  61. background: #fff;
  62. border-radius: 10px;
  63. transform: scale(1);
  64. -webkit-transform: scale(1);
  65. -ms-transform: scale(1);
  66. z-index: 5;
  67. padding-top: 68px;
  68. }
  69. .login_box .content .login_form dl {
  70. width: 100%;
  71. height: 200px;
  72. }
  73. .LoginTile {
  74. margin-top:-42px;
  75. }
  76. .login_box .content .LoginTile{
  77. text-align:center;
  78. font-size:18px;
  79. margin-right: -55px;
  80. }
  81. .login_box .content .LoginTile span {
  82. width: 100%;
  83. height: 200px;
  84. text-align:center;
  85. color: #22b9fe;
  86. }
  87. .login_box .content .login_form dl dt, .login_box .content .login_form dl dd {
  88. float: left;
  89. width: 20%;
  90. height: 59px;
  91. line-height: 59px;
  92. margin: 0 0 20px
  93. }
  94. .login_box .content .login_form dl dt, .login_box .content .login_form dl dd:last-child {
  95. height: 38px;
  96. line-height: 38px;
  97. }
  98. .login_box .content .login_form dl dd:last-child a, .login_box .content .copyright_box h5 a {
  99. text-decoration: none;
  100. color: #5a5a5a;
  101. cursor: pointer;
  102. }
  103. .login_box .content .login_form dl dd:last-child a:hover, .login_box .content .copyright_box h5 a:hover {
  104. color: #32b1fe;
  105. }
  106. .login_box .content .login_form dl dt {
  107. font-size: 18px;
  108. text-align: right;
  109. color: #5a5a5a;
  110. }
  111. .login_box .content .login_form dl dd {
  112. width: 80%;
  113. text-align: right;
  114. }
  115. .login_box .content .login_form dl dd .input_text_normal {
  116. width: 90%;
  117. height: 38px;
  118. line-height: 38px;
  119. margin-left: 5px;
  120. font-size: 18px;
  121. border: none;
  122. border-bottom: 1px solid #e4e7eb;
  123. }
  124. .login_box .content .login_form dl dd .input_text_normal:focus {
  125. outline: none;
  126. border-bottom: 1px solid #32b1fe;
  127. }
  128. .login_box .content .login_form .button_box {
  129. width: 100%;
  130. text-align: center;
  131. margin: -80px 30px;
  132. }
  133. .login_box .content .login_form .button_box .submit_button {
  134. width: 110px;
  135. height: 42px;
  136. line-height: 42px;
  137. font-size: 18px;
  138. cursor: pointer;
  139. border: none;
  140. color: #fff;
  141. background-color: #32b1fe;
  142. border-radius: 4px;
  143. }
  144. .login_box .content .login_form .button_box .submit_button:hover {
  145. background-color: #22b9fe;
  146. }
  147. .login_box .content .copyright_box h5 {
  148. color: #5a5a5a;
  149. text-align: center;
  150. }