login.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. /* 登录框 */
  2. .content .loginBj{
  3. position: relative;
  4. width: 100%;
  5. height: 555px;
  6. background: url(../imgs/loginBj.png) no-repeat center center;
  7. }
  8. .content .loginBj .borderline{
  9. position: absolute;
  10. right: 15%;
  11. top: 65px;
  12. width: 455px;
  13. height: 425px;
  14. border: 2px solid #6dd596;
  15. background-color: rgba(186, 244, 206, 0.5);
  16. padding: 5px;
  17. }
  18. .loginBj .borderline .loginBox{
  19. width: 100%;
  20. height: 100%;
  21. background-color: #fff;
  22. border: 3px solid #61a830;
  23. padding: 46px 64px;
  24. }
  25. .borderline .loginBox .title{
  26. font-size: 22px;
  27. color: #60a731;
  28. margin-bottom: 30px;
  29. }
  30. .borderline .loginBox .loginInp{
  31. width: 100%;
  32. height: 45px;
  33. line-height: 45px;
  34. border: 1px solid #d7d7d7;
  35. border-radius: 4px;
  36. position: relative;
  37. margin-bottom: 20px;
  38. }
  39. .borderline .loginBox .loginInp input{
  40. border: none;
  41. height: 90%;
  42. vertical-align: initial;
  43. }
  44. .borderline .loginBox .loginInp input[type=password]{
  45. display: inline-block;
  46. width: 75%;
  47. padding: .375rem .75rem;
  48. line-height: 1.5;
  49. }
  50. .borderline .loginBox .loginInp a{
  51. color: #60a731;
  52. position: absolute;
  53. right: 10px;
  54. top: 0px;
  55. }
  56. .loginBtnCover button{
  57. width: 100%;
  58. line-height: 48px;
  59. border-radius: 6px;
  60. color: #ffffff;
  61. font-size: 18px;
  62. background-color: #61a830;
  63. margin-bottom: 20px;
  64. }
  65. .loginBtnCover button:active{
  66. background-color: #82c753;
  67. }
  68. .remPswCover .remPwdInpBox{
  69. display: inline-block;
  70. width: 17px;
  71. height: 17px;
  72. position: relative;
  73. vertical-align: middle;
  74. }
  75. .remPswCover .remPwdInpBox input{
  76. position: absolute;
  77. width: 100%;
  78. height: 100%;
  79. opacity: 0;
  80. z-index: 1;
  81. }
  82. .remPswCover .remPwdInpBox div{
  83. width: 100%;
  84. height: 100%;
  85. background: url(../imgs/checked.png) no-repeat left center;
  86. }
  87. .remPswCover .remPwdInpBox input:checked+div{
  88. background: url(../imgs/checked.png) no-repeat -19px 0;
  89. }
  90. /* 提示层 */
  91. .hint{
  92. border-radius: 5px;
  93. position: fixed;
  94. z-index: 999;
  95. color: white;
  96. left: 47%;
  97. top: 50%;
  98. background: #0000009e;
  99. padding: 20px;
  100. font-size: 14px;
  101. letter-spacing: 2px;
  102. }