common.css 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. * {
  2. margin: 0;
  3. padding: 0;
  4. box-sizing: border-box;
  5. }
  6. html,
  7. body {
  8. width: 100%;
  9. height: 100%;
  10. font-family: PingFang SC-Regular, PingFang SC, Microsoft YaHei;
  11. color: #333;
  12. font-size: 16px;
  13. }
  14. a {
  15. text-decoration: none;
  16. }
  17. img {
  18. vertical-align: middle;
  19. display: block;
  20. }
  21. button {
  22. border: none;
  23. outline: none;
  24. margin: 0;
  25. padding: 0;
  26. }
  27. ul li{
  28. list-style: none;
  29. }
  30. .banxin {
  31. width: 1580px;
  32. margin: 0 auto;
  33. }
  34. .flexB {
  35. display: flex;
  36. align-items: center;
  37. justify-content: space-between;
  38. }
  39. .flexC {
  40. display: flex;
  41. align-items: center;
  42. justify-content: center;
  43. }
  44. .clearfix::after {
  45. content: '';
  46. display: block;
  47. height: 0;
  48. line-height: 0;
  49. visibility: hidden;
  50. clear: both;
  51. }
  52. .clearfix {
  53. *zoom: 1;
  54. }
  55. .fl {
  56. float: left;
  57. }
  58. .fr {
  59. float: right;
  60. }
  61. .textSpill {
  62. overflow: hidden;
  63. white-space: nowrap;
  64. text-overflow: ellipsis
  65. }
  66. .textSpill2 {
  67. overflow: hidden;
  68. text-overflow: ellipsis;
  69. display: -webkit-box;
  70. -webkit-line-clamp: 2;
  71. -webkit-box-orient: vertical;
  72. }
  73. @media (min-width:1366px) {
  74. .banxin {
  75. width: 1124px;
  76. }
  77. }
  78. @media (min-width:1440px) {
  79. .banxin {
  80. width: 1185px;
  81. }
  82. }
  83. @media (min-width:1600px) {
  84. .banxin {
  85. width: 1316px;
  86. }
  87. }
  88. @media (min-width:1680px) {
  89. .banxin {
  90. width: 1382px;
  91. }
  92. }
  93. @media (min-width:1920px) {
  94. .banxin {
  95. width: 1580px;
  96. }
  97. }