richtext.less 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
  1. .richtext {
  2. margin: 8px 0 0;
  3. overflow: hidden;
  4. h3 {border-left:2px solid @brand-pink;display:block;font-size:18px;text-indent:14px;line-height:18px;font-weight:400;}
  5. p,ul,ol {
  6. font-family: 'Microsoft YaHei',san-serif;
  7. font-size: 14px !important;
  8. color: #555;
  9. line-height: 29px !important;
  10. white-space: pre-line;
  11. word-break: break-all
  12. }
  13. p {
  14. margin-top: 15px;
  15. margin-bottom: 15px;
  16. text-indent: 2em;
  17. text-align: justify;
  18. span {
  19. font-family: 'Microsoft YaHei',san-serif;
  20. font-size: 14px !important;
  21. color: #555;
  22. line-height: 29px !important;
  23. white-space: pre-line;
  24. word-break: break-all
  25. }
  26. }
  27. ul,ol {
  28. padding-left: 20px;
  29. li{
  30. text-indent: 0
  31. }
  32. p {
  33. font-size: 18px;
  34. text-indent: .5em
  35. }
  36. }
  37. ul li {
  38. list-style: outside square
  39. }
  40. ol li {
  41. list-style: outside decimal
  42. }
  43. strong {
  44. font-weight: 700;
  45. color: #333
  46. }
  47. img {
  48. max-width: 790px;
  49. }
  50. .pd-card {
  51. position: relative;
  52. height: 140px;
  53. width: 630px;
  54. margin: 23px auto;
  55. border: 1px solid #eee;
  56. .transition(box-shadow 300ms ease-out);
  57. &:hover {
  58. .box-shadow(0 2px 2px #eee);
  59. }
  60. .img-wrap {
  61. position: absolute;
  62. top: 0;
  63. left: 0;
  64. z-index: 2;
  65. width: 140px;
  66. height: 140px;
  67. border-right: 1px solid #eee;
  68. img {
  69. width: 120px;
  70. height: 120px;
  71. margin: 10px;
  72. }
  73. }
  74. .card-info {
  75. .box-sizing(border-box);
  76. position: absolute;
  77. top: 17px;
  78. left: 165px;
  79. width: 436px;
  80. }
  81. .title {
  82. max-height: 56px;
  83. margin: 0;
  84. overflow: hidden;
  85. display: -webkit-box;
  86. -webkit-line-clamp: 2;
  87. -webkit-box-orient: vertical;
  88. font-size: 16px;
  89. font-weight: 400;
  90. line-height: 28px;
  91. color: #202e3b;
  92. a {
  93. color: inherit;
  94. text-decoration: none;
  95. }
  96. }
  97. .card-b {
  98. position: absolute;
  99. top: 64px;
  100. left: 0;
  101. width: 100%;
  102. }
  103. .card-price, .merchant {
  104. float: left;
  105. }
  106. .card-price {
  107. margin-right: 22px;
  108. font-size: 24px;
  109. line-height: 34px;
  110. color: #fe5579;
  111. }
  112. .merchant {
  113. margin-top: 10px;
  114. color: #6e86ad;
  115. }
  116. }
  117. }