login.css 1.4 KB

123456789101112131415161718192021222324252627282930
  1. body{overflow-x:hidden;}
  2. .bg{position: absolute;width: 100%;left: 0;top: 0;bottom: 0;right: 0;z-index: 1;background:url(../images/login_bg.jpg) no-repeat center;background-size: cover;}
  3. .logkuang{position: absolute;width: 617px;height: 367px;left: 50%;top: 50%;margin-left: -308px;margin-top: -183px;z-index: 1;background: url(../images/log-form-bg.png);}
  4. .layui-form-label{width: 45px;float: none;display: inline-block;}
  5. .layui-input{display: inline-block;float: none;}
  6. .login_title{color: #fff;width: 100%;text-align: center;font-size: 20px;margin-top: 40px;line-height: 60px;}
  7. .layui-form-item .layui-input-inline{width: 316px;float: none;position: relative;}
  8. .layui-input-inline i{z-index: 2;position: absolute;left: 0px;width: 30px;height: 38px;line-height: 38px;font-size: 18px;color: #666;}
  9. .layui-input-block{margin-left: 0px;padding-top: 15px;}
  10. .layui-form-item{text-align: center;}
  11. .layui-input{text-indent: 1.5em;}
  12. @media screen and (max-width: 660px) {
  13. .logkuang{
  14. width: 80%;
  15. height: 340px;
  16. margin-left: -40%;
  17. margin-top: -170px;
  18. background-size: 100% 100%;
  19. }
  20. .login_title{margin-top: 15px;}
  21. .layui-form-item .layui-input-inline{
  22. width: 80%;
  23. margin: 0 0 0px 0px;
  24. display: inline-block;
  25. }
  26. .layui-form-item .layui-form-label{
  27. overflow: inherit;
  28. padding-right: 5px;
  29. }
  30. }