index.wxss 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. page {
  2. background-color: #fff !important;
  3. }
  4. .newsDetail .title {
  5. padding: 0 30rpx;
  6. font-size: 44rpx;
  7. color: #282828;
  8. font-weight: bold;
  9. margin: 45rpx 0 30rpx 0;
  10. line-height: 1.5;
  11. }
  12. .newsDetail .list {
  13. margin: 0 30rpx;
  14. padding-bottom: 30rpx;
  15. }
  16. .newsDetail .list .label {
  17. font-size: 30rpx;
  18. color: #B1B2B3;
  19. }
  20. .newsDetail .list .item {
  21. margin-left: 27rpx;
  22. font-size: 30rpx;
  23. color: #B1B2B3;
  24. }
  25. .newsDetail .list .item .iconfont {
  26. font-size: 28rpx;
  27. margin-right: 10rpx;
  28. }
  29. .newsDetail .list .item .iconfont.icon-shenhezhong {
  30. font-size: 26rpx;
  31. }
  32. .newsDetail .conter {
  33. padding: 0 30rpx;
  34. font-size: 32rpx;
  35. color: #8A8B8C;
  36. line-height: 1.7;
  37. word-wrap: break-word;
  38. word-break: normal;
  39. }
  40. .newsDetail .picTxt {
  41. width: 690rpx;
  42. height: 200rpx;
  43. border-radius: 20rpx;
  44. border: 1px solid #e1e1e1;
  45. position: relative;
  46. margin: 30rpx auto 0 auto;
  47. }
  48. .newsDetail .picTxt .pictrue {
  49. width: 200rpx;
  50. height: 100%;
  51. }
  52. .newsDetail .picTxt .pictrue image {
  53. width: 100%;
  54. height: 100%;
  55. border-radius: 20rpx 0 0 20rpx;
  56. display: block;
  57. }
  58. .newsDetail .picTxt .text {
  59. width: 460rpx;
  60. }
  61. .newsDetail .picTxt .text .name {
  62. font-size: 30rpx;
  63. color: #282828;
  64. }
  65. .newsDetail .picTxt .text .money {
  66. font-size: 24rpx;
  67. margin-top: 40rpx;
  68. font-weight: bold;
  69. }
  70. .newsDetail .picTxt .text .money .num {
  71. font-size: 36rpx;
  72. }
  73. .newsDetail .picTxt .text .y_money {
  74. font-size: 26rpx;
  75. color: #999;
  76. text-decoration: line-through;
  77. }
  78. .newsDetail .picTxt .label {
  79. position: absolute;
  80. background-color: #303131;
  81. width: 160rpx;
  82. height: 50rpx;
  83. right: -7rpx;
  84. border-radius: 25rpx 0 6rpx 25rpx;
  85. text-align: center;
  86. line-height: 50rpx;
  87. bottom: 24rpx;
  88. }
  89. .newsDetail .picTxt .label .span {
  90. background-image: linear-gradient(to right, #fff71e 0%, #f9b513 100%);
  91. -webkit-background-clip: text;
  92. -webkit-text-fill-color: transparent;
  93. }
  94. .newsDetail .picTxt .label:after {
  95. content: " ";
  96. position: absolute;
  97. width: 0;
  98. height: 0;
  99. border-bottom: 8rpx solid #303131;
  100. border-right: 8rpx solid transparent;
  101. top: -7rpx;
  102. right: 0;
  103. }
  104. .newsDetail .bnt {
  105. color: #fff;
  106. font-size: 30rpx;
  107. width: 690rpx;
  108. height: 90rpx;
  109. border-radius: 45rpx;
  110. margin: 48rpx auto 30rpx auto;
  111. text-align: center;
  112. line-height: 90rpx;
  113. }
  114. @import "/wxParse/wxParse.wxss";