global.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. html,
  2. body,
  3. h1,
  4. h2,
  5. h3,
  6. h4,
  7. h5,
  8. h6,
  9. p,
  10. span,
  11. div,
  12. a,
  13. ul,
  14. ol,
  15. li,
  16. img,
  17. button,
  18. input {
  19. padding: 0;
  20. margin: 0;
  21. }
  22. body {
  23. font-size: 14px;
  24. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  25. }
  26. .left {
  27. float: left;
  28. }
  29. .right {
  30. float: right;
  31. }
  32. a {
  33. text-decoration: none;
  34. }
  35. ul,
  36. ol,
  37. li {
  38. list-style: none;
  39. }
  40. @media screen and (min-width: 1401px) {
  41. body {
  42. width: 100%;
  43. height: 510PX;
  44. background: url(../../public/index/banner.jpg) no-repeat center top;
  45. background-size: auto 510PX;
  46. overflow: visible !important;
  47. }
  48. }
  49. @media screen and (min-width: 801px) and (max-width: 1400px) {
  50. body {
  51. width: 100%;
  52. height: 510PX;
  53. background: url(../../public/index/banner.jpg) no-repeat center top;
  54. background-size: auto 510PX;
  55. overflow: visible !important;
  56. }
  57. }
  58. @media screen and (max-width: 800px) {
  59. .topBg {
  60. width: 100%;
  61. height: auto;
  62. padding: 0;
  63. background: url(../../public/index/banner.jpg) no-repeat center top;
  64. background-size: auto 100%;
  65. }
  66. }