index.css 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. /* 通配符选择器 设置全局 */
  2. * {
  3. margin: 0;
  4. padding: 0;
  5. text-decoration: none;
  6. list-style: none;
  7. box-sizing: border-box;
  8. }
  9. /* 头部样式 */
  10. .head {
  11. width: 1000px;
  12. height: 50px;
  13. background: #00f;
  14. margin: 0 auto;
  15. }
  16. /* 主体样式 */
  17. .main {
  18. width: 100%;
  19. }
  20. .nav {
  21. width: 100%;
  22. background: #00f;
  23. }
  24. .navMain {
  25. width: 1000px;
  26. height: 40px;
  27. background: #f00;
  28. margin: 0 auto;
  29. }
  30. .banner {
  31. width: 100%;
  32. height: 474px;
  33. background: url('../images/banner.png') no-repeat;
  34. background-size: cover;
  35. }
  36. .activity {
  37. width: 100%;
  38. height: 328px;
  39. background: #00f;
  40. margin-top: 15px;
  41. }
  42. .activityMain {
  43. width: 1000px;
  44. height: 100%;
  45. margin: 0 auto;
  46. background: #ff0;
  47. }
  48. .list {
  49. width: 100%;
  50. height: 300px;
  51. background: #0ff;
  52. margin-top: 90px;
  53. }
  54. .listMain {
  55. width: 1000px;
  56. height: 100%;
  57. margin: 0 auto;
  58. background: #0f0;
  59. }
  60. .features {
  61. width: 100%;
  62. height: 360px;
  63. background: #f0f;
  64. margin-top: 40px;
  65. }
  66. .featuresTop {
  67. width: 100%;
  68. height: 100px;
  69. background: #00f;
  70. }
  71. .featuresBottom {
  72. width: 1000px;
  73. height: 260px;
  74. background: #0f0;
  75. margin: 0 auto;
  76. }
  77. /* 页尾内容 */
  78. .footer {
  79. width: 100%;
  80. height: 337px;
  81. background: #00f;
  82. margin-top: 89px;
  83. }
  84. .footerMain {
  85. width: 1000px;
  86. height: 100%;
  87. background: #ff0;
  88. margin: 0 auto;
  89. }