login.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. /*
  2. * @Author: haodaquan
  3. * @Date: 2017-09-07 22:04:13
  4. * @Last Modified by: haodaquan
  5. * @Last Modified time: 2017-09-07 22:42:01
  6. */
  7. .bg-img{
  8. background: url(/static/img/login-bg.jpg) fixed center center;
  9. }
  10. body {
  11. overflow: hidden;
  12. }
  13. .layer_notice {
  14. background: #5fb878 none repeat scroll 0 0;
  15. float: left;
  16. height: 75px;
  17. overflow: hidden;
  18. padding: 10px;
  19. width: 330px;
  20. }
  21. .layer_notice ul li {
  22. color: #fff;
  23. }
  24. .video-player {
  25. background-color: transparent;
  26. min-width: 100%;
  27. min-height: 100%;
  28. display: block;
  29. position: absolute;
  30. z-index: 1;
  31. top: 0;
  32. }
  33. .video_mask {
  34. width: 100%;
  35. height: 100%;
  36. position: absolute;
  37. left: 0;
  38. top: 0;
  39. z-index: 90;
  40. background-color: rgba(0, 0, 0, 0.3);
  41. }
  42. .login {
  43. height: 200px;
  44. width: 260px;
  45. padding: 20px;
  46. background-color: rgba(0, 0, 0, 0.5);
  47. border-radius: 4px;
  48. position: absolute;
  49. left: 50%;
  50. top: 50%;
  51. margin: -150px 0 0 -150px;
  52. z-index: 99;
  53. }
  54. .login h1 {
  55. text-align: center;
  56. color: #fff;
  57. font-size: 24px;
  58. margin-bottom: 20px;
  59. }
  60. .form_code {
  61. position: relative;
  62. }
  63. .form_code .code {
  64. position: absolute;
  65. right: 0;
  66. top: 1px;
  67. cursor: pointer;
  68. }
  69. .login_btn {
  70. width: 100%;
  71. }