星火官网,前端页面(前台)
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

comm.css 1.5KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. html,
  2. body {
  3. margin: 0;
  4. padding: 0;
  5. line-height: 1;
  6. font-family: "Source Han Sans CN" !important;
  7. color: #333;
  8. box-sizing: border-box;
  9. background-color: #F5F7F9;
  10. user-select: none;
  11. }
  12. @media (min-width: 640px){html{font-size: 33.333px;} }
  13. @media (min-width: 800px){html{font-size: 41.666px;} }
  14. @media (min-width: 960px){html{font-size: 50px;} }
  15. @media (min-width: 1280px){html{font-size: 66.666px;} }
  16. @media (min-width: 1440px){html{font-size: 75px;} }
  17. @media (min-width: 1680px){html{font-size: 87.5px;} }
  18. @media (min-width: 1920px){html{font-size: 100px;} }
  19. .header_root {
  20. position: fixed;
  21. width: 100%;
  22. color: #fff;
  23. background-color: transparent;
  24. z-index: 9999;
  25. }
  26. .header_root.bg_white {
  27. color: #333;
  28. background-color: #fff;
  29. }
  30. .header_root:hover {
  31. color: #333;
  32. background-color: #fff;
  33. }
  34. .header_root:hover .header_box .header_left .left_white,
  35. .header_root.bg_white .header_box .header_left .left_white {
  36. display: none;
  37. }
  38. .header_root:hover .header_box .header_left .left_gray,
  39. .header_root.bg_white .header_box .header_left .left_gray {
  40. display: inline-block;
  41. }
  42. .footer_root {
  43. background-color: #F5F7F9;
  44. }
  45. .header_info {
  46. position: absolute;
  47. top: 0.8rem;
  48. left: 0;
  49. right: 0;
  50. bottom: 0;
  51. margin: auto;
  52. width: 13rem;
  53. height: 0.84rem;
  54. color: white;
  55. }
  56. .header_title {
  57. font-size: 0.36rem;
  58. font-weight: 700;
  59. }
  60. .header_stitle {
  61. padding-top: 0.3rem;
  62. font-size: 0.16rem;
  63. }