common.scss 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. @for $val from 0 through 160 {
  2. .mg-tp#{$val}{margin-top: $val * 1rpx !important;}
  3. .mg-rt#{$val}{margin-right: $val * 1rpx !important;}
  4. .mg-bt#{$val}{margin-bottom: $val * 1rpx !important;}
  5. .mg-lt#{$val}{margin-left: $val * 1rpx !important;}
  6. .mg#{$val}{margin: $val * 1rpx !important;}
  7. .pd-tp#{$val}{padding-top: $val * 1rpx !important;}
  8. .pd-rt#{$val}{padding-right: $val * 1rpx !important;}
  9. .pd-bt#{$val}{padding-bottom: $val * 1rpx !important;}
  10. .pd-lt#{$val}{padding-left: $val * 1rpx !important;}
  11. .pd#{$val}{padding: $val * 1rpx !important;}
  12. .size#{$val}{font-size: $val * 1rpx !important;}
  13. }
  14. .infohead{
  15. border-radius: 12rpx 12rpx 0 0;
  16. }
  17. .infolast{
  18. border-radius: 0 0 12rpx 12rpx;
  19. border-bottom: 0 solid transparent !important;
  20. }
  21. .inforound{
  22. border-radius: 12rpx;
  23. border-bottom: 0 solid transparent !important;
  24. }
  25. .c0{
  26. color: #000;
  27. }
  28. .c3{
  29. color: #333;
  30. }
  31. .c6{
  32. color: #666;
  33. }
  34. .c9{
  35. color: #999;
  36. }
  37. .cfff{
  38. color: #fff;
  39. }
  40. .cC{
  41. color: #CCC;
  42. }
  43. .Bold{
  44. font-weight: bold;
  45. }
  46. .bgE5{
  47. background-color: #E5E5E5 !important;
  48. }
  49. .bgc23{
  50. background-color: #DC3C23 !important;
  51. }
  52. .bgc8{
  53. background-color: #C8C8C8 !important;
  54. }
  55. .bg831{
  56. background-color: #EEA831 !important;
  57. }
  58. .cDE9{
  59. color: #2C9DE9;
  60. }
  61. .cC23{
  62. color: #DC3C23;
  63. }
  64. .c430{
  65. color: #219430;
  66. }
  67. .c666{
  68. color: #666;
  69. }
  70. .text-center{
  71. text-align: center;
  72. }
  73. .disflex{
  74. display: flex;
  75. }
  76. .flex-col{
  77. display: flex;
  78. flex-direction: column;
  79. }
  80. .justify-between{
  81. display: flex;
  82. justify-content: space-between;
  83. }
  84. .align-center{
  85. display: flex;
  86. align-items: center;
  87. }
  88. .align-start{
  89. display: flex;
  90. align-items: flex-start;
  91. }
  92. .align-end{
  93. display: flex;
  94. align-items: flex-end;
  95. }
  96. .flexcenter{
  97. display: flex;
  98. align-items: center;
  99. justify-content: center
  100. }
  101. .flex-col-between{
  102. @extend .flex-col;
  103. @extend .align-start;
  104. @extend .justify-between;
  105. flex: 1;
  106. }
  107. /* 超出隐藏 */
  108. .overflow1 {
  109. display: -webkit-box;
  110. -webkit-line-clamp: 1;
  111. -webkit-box-orient: vertical;
  112. overflow: hidden;
  113. }
  114. .overflow2 {
  115. display: -webkit-box;
  116. -webkit-line-clamp: 2;
  117. -webkit-box-orient: vertical;
  118. overflow: hidden;
  119. }
  120. .overflow3 {
  121. display: -webkit-box;
  122. -webkit-line-clamp: 3;
  123. -webkit-box-orient: vertical;
  124. overflow: hidden;
  125. }
  126. .overflow4 {
  127. display: -webkit-box;
  128. -webkit-line-clamp: 4;
  129. -webkit-box-orient: vertical;
  130. overflow: hidden;
  131. }
  132. .expert-text{
  133. @extend .c3;
  134. @extend .Bold;
  135. @extend .mg-tp24;
  136. }
  137. .keep-all{
  138. word-break: break-all;
  139. }