articleInfor.wxss 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. @import "../../wxParse/wxParse.wxss";
  2. /* articleInfor.wxss */
  3. page{
  4. background-color: #fff;
  5. }
  6. .article_banner{
  7. width: 100%;
  8. position: relative;
  9. }
  10. .article_banner_img{
  11. width: 100%;
  12. }
  13. .article_infor_wrap{
  14. position: relative;
  15. }
  16. .article_title{
  17. width: 580rpx;
  18. text-align: center;
  19. font-size: 40rpx;
  20. font-weight: bold;
  21. color: #232323;
  22. padding: 40rpx 0 16rpx;
  23. margin: 0 auto;
  24. }
  25. .article_intro{
  26. text-align: center;
  27. font-size: 18rpx;
  28. color: #232323;
  29. }
  30. .article_opera{
  31. display: flex;
  32. justify-content: center;
  33. align-items: center;
  34. margin: 26rpx 0 50rpx 0;
  35. }
  36. .jingpin_icon{
  37. width: 24rpx;
  38. height: 24rpx;
  39. margin-left:16rpx;
  40. }
  41. .article_opera text{
  42. font-size: 20rpx;
  43. color:#b4a078;
  44. padding:0 18rpx 0 6rpx;
  45. }
  46. .article_gift_infor{
  47. float: right;
  48. width: 360rpx;
  49. }
  50. .article_gift_intro{
  51. width: 300rpx;
  52. text-overflow: ellipsis;
  53. overflow: hidden;
  54. white-space: nowrap;
  55. font-size: 22rpx;
  56. color: #646464;
  57. padding-top:14rpx;
  58. }
  59. .article_gif_price{
  60. font: normal normal 26rpx Arial;
  61. color:#ff8401;
  62. padding-top:30rpx;
  63. }
  64. .new_price{
  65. font: bold 30rpx "Microsoft Yahei";
  66. color: #b4a078;
  67. padding: 0 22rpx 0 0 ;
  68. }
  69. .old_price{
  70. font: 24rpx "Microsoft Yahei";
  71. color: #c8c8c8;
  72. text-decoration: line-through;
  73. }
  74. .article_gift_title{
  75. height: 68rpx;
  76. font-size: 24rpx;
  77. font-weight: bold;
  78. color: #272727;
  79. line-height: 34rpx;
  80. text-overflow: ellipsis;
  81. overflow: hidden;
  82. display: -webkit-box;
  83. -webkit-line-clamp: 2;
  84. padding:40rpx 10rpx 0 0 ;
  85. }
  86. /* 收藏 */
  87. .article_collect_wrap{
  88. position: absolute;
  89. top:40rpx;
  90. right: 30rpx;
  91. }
  92. .article_banner_zan{
  93. display: block;
  94. margin: 0 auto;
  95. width: 35rpx;
  96. height: 35rpx;
  97. }
  98. .article_collect_title{
  99. font-size: 20rpx;
  100. color: #b4a078;
  101. text-align: center;
  102. padding:10rpx 0 0 0 ;
  103. }
  104. /* 收藏结束 */
  105. .list_btn{
  106. width: 114rpx;
  107. height: 126rpx;
  108. position: fixed;
  109. right: 40rpx;
  110. bottom: 200rpx;
  111. z-index: 2;
  112. }
  113. .article_cont{
  114. width: 100%;
  115. margin: 0 auto;
  116. overflow: hidden;
  117. }
  118. .wxParse-p{
  119. display: block;
  120. font-size:32rpx;
  121. color:#333;
  122. padding:0 32rpx;
  123. }
  124. .list_item_wrap image{
  125. width: 100%;
  126. margin:50rpx 0;
  127. }
  128. .article_cont image{
  129. width: 100% !important;
  130. }
  131. .wxParse-p image{
  132. width: 100% !important;
  133. }
  134. /* 商品块 */
  135. .article_gift{
  136. width: 650rpx;
  137. height: 250rpx;
  138. margin: 38rpx auto;
  139. border: 1rpx solid #b4a078;
  140. box-sizing: border-box;
  141. }
  142. .article_gift image{
  143. float: left;
  144. width: 248rpx !important;
  145. height: 246rpx;
  146. }