星火官网,前端页面(前台)
Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

comm.css 2.9KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. @media (min-width: 600px){html{font-size: 31.25px;} }
  2. @media (min-width: 640px){html{font-size: 33.333px;} }
  3. @media (min-width: 680px){html{font-size: 35.416px;} }
  4. @media (min-width: 720px){html{font-size: 37.5px;} }
  5. @media (min-width: 760px){html{font-size: 39.583px;} }
  6. @media (min-width: 800px){html{font-size: 41.666px;} }
  7. @media (min-width: 840px){html{font-size: 43.75px;} }
  8. @media (min-width: 880px){html{font-size: 45.833px;} }
  9. @media (min-width: 920px){html{font-size: 47.916px;} }
  10. @media (min-width: 960px){html{font-size: 50px;} }
  11. @media (min-width: 1000px){html{font-size: 52.083px;} }
  12. @media (min-width: 1040px){html{font-size: 54.166px;} }
  13. @media (min-width: 1080px){html{font-size: 56.25px;} }
  14. @media (min-width: 1120px){html{font-size: 58.333px;} }
  15. @media (min-width: 1160px){html{font-size: 60.416px;} }
  16. @media (min-width: 1200px){html{font-size: 62.5px;} }
  17. @media (min-width: 1240px){html{font-size: 64.583px;} }
  18. @media (min-width: 1280px){html{font-size: 66.666px;} }
  19. @media (min-width: 1320px){html{font-size: 68.75px;} }
  20. @media (min-width: 1360px){html{font-size: 70.833px;} }
  21. @media (min-width: 1400px){html{font-size: 72.916px;} }
  22. @media (min-width: 1440px){html{font-size: 75px;} }
  23. @media (min-width: 1480px){html{font-size: 77.083px;} }
  24. @media (min-width: 1520px){html{font-size: 79.166px;} }
  25. @media (min-width: 1560px){html{font-size: 81.25px;} }
  26. @media (min-width: 1600px){html{font-size: 83.333px;} }
  27. @media (min-width: 1640px){html{font-size: 85.416px;} }
  28. @media (min-width: 1680px){html{font-size: 87.5px;} }
  29. @media (min-width: 1720px){html{font-size: 89.583px;} }
  30. @media (min-width: 1760px){html{font-size: 91.666px;} }
  31. @media (min-width: 1800px){html{font-size: 93.75px;} }
  32. @media (min-width: 1840px){html{font-size: 95.833px;} }
  33. @media (min-width: 1880px){html{font-size: 97.916px;} }
  34. @media (min-width: 1920px){html{font-size: 100px;} }
  35. html,
  36. body {
  37. margin: 0;
  38. padding: 0;
  39. line-height: 1;
  40. font-family: "Source Han Sans CN" !important;
  41. color: #333;
  42. box-sizing: border-box;
  43. background-color: #F5F7F9;
  44. user-select: none;
  45. }
  46. .header_root {
  47. position: fixed;
  48. width: 100%;
  49. color: #fff;
  50. background-color: transparent;
  51. z-index: 9999;
  52. }
  53. .header_root.bg_white {
  54. color: #333;
  55. background-color: #fff;
  56. }
  57. .header_root:hover {
  58. color: #333;
  59. background-color: #fff;
  60. }
  61. .header_root:hover .header_box .header_left .left_white,
  62. .header_root.bg_white .header_box .header_left .left_white {
  63. display: none;
  64. }
  65. .header_root:hover .header_box .header_left .left_gray,
  66. .header_root.bg_white .header_box .header_left .left_gray {
  67. display: inline-block;
  68. }
  69. .footer_root {
  70. background-color: #F5F7F9;
  71. }
  72. .header_info {
  73. position: absolute;
  74. top: 0.8rem;
  75. left: 0;
  76. right: 0;
  77. bottom: 0;
  78. margin: auto;
  79. width: 13rem;
  80. height: 0.84rem;
  81. color: white;
  82. }
  83. .header_title {
  84. font-size: 0.36rem;
  85. font-weight: 700;
  86. }
  87. .header_stitle {
  88. padding-top: 0.3rem;
  89. font-size: 0.16rem;
  90. }