login.css 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  1. html,.mui-content{
  2. background: #FFFFFF;
  3. }
  4. .login-nav>div {
  5. width: 160px;
  6. height: 153px;
  7. margin: 30px auto;
  8. background: url(../../img/login/qidong.png) no-repeat;
  9. background-size:100% 100%;
  10. }
  11. #login-form {
  12. background: #FFFFFF;
  13. width: 87%;
  14. margin: 0 auto;
  15. /*border: 1px solid #1badf8;*/
  16. /*border-radius: 3px;*/
  17. }
  18. #login-form input {
  19. margin: 10px 0;
  20. border: 0;
  21. border-radius: 0;
  22. font-size: 14px;
  23. border-bottom: 1px solid #1badf8;
  24. }
  25. #login-form #br {
  26. /*background: #1badf8;*/
  27. height: 1px;
  28. width: 100%;
  29. }
  30. .pwd-login {
  31. width: 87%;
  32. margin: 10px auto;
  33. }
  34. .pwd-login>div:first-child,
  35. .pwd-login>div:last-child {
  36. padding-top: 5px;
  37. color: #C0C0C0;
  38. }
  39. .pwd-login>div {
  40. font-size: 14px;
  41. float: left;
  42. }
  43. .pwd-login>div:last-child {
  44. float: right;
  45. }
  46. .mui-switch {
  47. width: 46px;
  48. height: 25px;
  49. margin-left: 3px;
  50. }
  51. .mui-switch:before {
  52. content: '';
  53. }
  54. .mui-switch.mui-active:before {
  55. content: '';
  56. }
  57. .mui-switch .mui-switch-handle {
  58. width: 23px;
  59. height: 23px;
  60. }
  61. .mui-switch.mui-active .mui-switch-handle {
  62. -webkit-transform: translate(20px, 0);
  63. transform: translate(20px, 0);
  64. }
  65. .close-btn {
  66. width: 87%;
  67. margin: 0 auto;
  68. margin-top: 50px;
  69. }
  70. .close-btn button {
  71. width: 100%;
  72. height: 46px;
  73. border: none;
  74. color: #FFFFFF;
  75. background: #1badf8;
  76. font-size: 15px;
  77. }
  78. .close-btn input{
  79. width: 100%;
  80. height: 46px;
  81. border: 1px solid #1badf8;
  82. color: #1badf8;
  83. background: transparent;
  84. font-size: 15px;
  85. margin-top: 20px;
  86. }
  87. .mui-btn.mui-active:enabled,
  88. .mui-btn:enabled:active,
  89. button.mui-active:enabled,
  90. button:enabled:active,
  91. input[type=button].mui-active:enabled,
  92. input[type=button]:enabled:active,
  93. input[type=reset].mui-active:enabled,
  94. input[type=reset]:enabled:active,
  95. input[type=submit].mui-active:enabled,
  96. input[type=submit]:enabled:active {
  97. color: #fff;
  98. background-color: #1badf8;
  99. opacity: .6;
  100. }
  101. input[type=button].re:enabled:active{
  102. color: #1badf8;
  103. background-color: #fff;
  104. opacity: .6;
  105. }