main.scss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. @font-face {
  2. font-family: 'Source Han Sans CN';
  3. src: url('~/assets/fonts/SourceHanSansCN-VF.ttf.woff2') format('woff2');
  4. font-weight: 200 900;
  5. font-style: normal;
  6. font-display: swap;
  7. }
  8. body,
  9. html {
  10. background-color: #030014;
  11. font-family: 'Source Han Sans CN', sans-serif;
  12. }
  13. @media (max-width: 768px) {
  14. html {
  15. font-size: clamp(32px, 10vw, 46px);
  16. }
  17. }
  18. html,
  19. body,
  20. ul,
  21. li,
  22. ol,
  23. dl,
  24. dd,
  25. dt,
  26. p,
  27. h1,
  28. h2,
  29. h3,
  30. h4,
  31. h5,
  32. h6,
  33. form,
  34. fieldset,
  35. legend,
  36. img {
  37. margin: 0;
  38. padding: 0;
  39. }
  40. fieldset,
  41. img,
  42. input,
  43. button {
  44. /*fieldset组合表单中的相关元素*/
  45. border: none;
  46. padding: 0;
  47. margin: 0;
  48. outline-style: none;
  49. }
  50. ul,
  51. ol {
  52. list-style: none; /*清除列表风格*/
  53. }
  54. input {
  55. padding-top: 0;
  56. padding-bottom: 0;
  57. }
  58. select,
  59. input {
  60. vertical-align: middle;
  61. }
  62. select,
  63. input,
  64. textarea {
  65. font-size: 12px;
  66. margin: 0;
  67. }
  68. textarea {
  69. resize: none;
  70. }
  71. /*防止多行文本框拖动*/
  72. img {
  73. border: 0;
  74. vertical-align: middle;
  75. }
  76. /* 去掉图片低测默认的3像素空白缝隙*/
  77. table {
  78. border-collapse: collapse; /*合并外边线*/
  79. }
  80. .clearfix:before,
  81. .clearfix:after {
  82. content: '';
  83. display: table;
  84. }
  85. .clearfix:after {
  86. clear: both;
  87. }
  88. .clearfix {
  89. *zoom: 1; /*IE/7/6*/
  90. }
  91. h1,
  92. h2,
  93. h3,
  94. h4,
  95. h5,
  96. h6 {
  97. text-decoration: none;
  98. font-weight: normal;
  99. font-size: 100%;
  100. }
  101. s,
  102. i,
  103. em {
  104. font-style: normal;
  105. text-decoration: none;
  106. }