login1.css 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. @CHARSET "UTF-8";
  2. *{
  3. margin: 0;
  4. padding: 0;
  5. }
  6. html{
  7. background-image:url(../img/background/login_bg.jpg);
  8. background-repeat: no-repeat;
  9. height:100%;
  10. width:100%;
  11. overflow: hidden;
  12. background-size:100%;
  13. }
  14. #wrap {
  15. height: 75%;
  16. width: 100;
  17. top:100px;
  18. position: relative;
  19. }
  20. #head {
  21. height: 46px;
  22. width: 100;
  23. background-color: #66CCCC;
  24. text-align: center;
  25. position: relative;
  26. }
  27. #wrap .logGet {
  28. height: 460px;
  29. width: 368px;
  30. background-color: #FFFFFF;
  31. top: 50%;
  32. margin-top: -280px;
  33. left:50%;
  34. margin-left:-184px;
  35. position: fixed;
  36. }
  37. .logC a {
  38. background-color: #ee7700;
  39. display:inline-block; // display:block;
  40. width:100%;
  41. height:45px;
  42. line-height:45px;
  43. border:1px solid #c00;
  44. color:white;
  45. border-radius:3px;
  46. text-align:center;
  47. font-size: 18px;
  48. text-decoration: none;
  49. }
  50. .logC a:hover{
  51. color:#c00;
  52. background:#fff;
  53. }
  54. .logGet .logD.logDtip .p1 {
  55. display: inline-block;
  56. font-size: 28px;
  57. margin-top: 30px;
  58. width: 86%;
  59. }
  60. #wrap .logGet .logD.logDtip {
  61. width: 86%;
  62. border-bottom: 1px solid #ee7700;
  63. margin-bottom: 30px;
  64. margin-top: 0px;
  65. margin-right: auto;
  66. margin-left: auto;
  67. }
  68. .logGet .lgD img {
  69. position: absolute;
  70. top: 12px;
  71. left: 8px;
  72. }
  73. .logGet .lgD input {
  74. width: 100%;
  75. height: 42px;
  76. text-indent: 2.5rem;
  77. }
  78. #wrap .logGet .lgD {
  79. width: 86%;
  80. position: relative;
  81. margin-bottom: 30px;
  82. margin-top: 30px;
  83. margin-right: auto;
  84. margin-left: auto;
  85. }
  86. #wrap .logGet .logC {
  87. width: 86%;
  88. margin-top: 0px;
  89. margin-right: auto;
  90. margin-bottom: 0px;
  91. margin-left: auto;
  92. }
  93. .logGet .lgD .login_error_span {
  94. color: red;
  95. font: bold;
  96. }
  97. .title {
  98. font-family: "宋体";
  99. color: #FFFFFF;
  100. position: absolute;
  101. top: 50%;
  102. left: 50%;
  103. transform: translate(-50%, -50%); /* 使用css3的transform来实现 */
  104. font-size: 36px;
  105. height: 40px;
  106. width: 30%;
  107. }