goodDetail.wxss 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  1. page {
  2. background: #EDF1F7;
  3. }
  4. .bg {
  5. background: #FFFFFF;
  6. }
  7. .btn {
  8. background: rgba(216, 2, 4, 0.2);
  9. opacity: 0.6;
  10. border-radius: 4rpx;
  11. color: #D80204;
  12. padding: 8rpx 13rpx;
  13. font-size: 23rpx;
  14. margin-right: 16rpx;
  15. }
  16. .box {
  17. border: 2rpx solid #CCCCCC;
  18. /* opacity: 0.6; */
  19. border-radius: 8rpx;
  20. color: #999999;
  21. font-size: 30rpx;
  22. padding: 13rpx 44rpx;
  23. margin-right: 35rpx;
  24. }
  25. .boxs {
  26. background: rgba(252, 210, 2, 0.2);
  27. border: 2rpx solid #FCD202;
  28. /* opacity: 0.6; */
  29. border-radius: 8rpx;
  30. color: #333333 !important;
  31. font-size: 30rpx;
  32. padding: 13rpx 44rpx;
  33. }
  34. .addgood {
  35. width: 685rpx;
  36. height: 88rpx;
  37. background: #FFCC00;
  38. border-radius: 8rpx;
  39. text-align: center;
  40. line-height: 88rpx;
  41. margin: 40rpx auto;
  42. /* position: fixed;
  43. bottom: 35rpx;
  44. left: 0;
  45. right: 0; */
  46. font-size: 32rpx;
  47. font-weight: bold;
  48. color: #FFFFFF;
  49. }
  50. .detail-banner {
  51. width: 100%;
  52. height: 410rpx;
  53. }
  54. .detail-banner image {
  55. width: 100%;
  56. height: 410rpx;
  57. }
  58. .detail {
  59. width: 100%;
  60. padding: 3%;
  61. overflow: hidden;
  62. /* position: relative; */
  63. /* top: -20rpx; */
  64. background-color: #FFFFFF;
  65. border-radius: 32rpx 0 0 0;
  66. }
  67. .detail_text {
  68. font-size: 36rpx;
  69. font-weight: 800;
  70. color: #333333;
  71. }
  72. .detail_biao {
  73. display: flex;
  74. padding: 2% 0;
  75. }
  76. .detail_biao_sty {
  77. /* padding: 1% 1.5%; */
  78. padding: 10rpx 20rpx;
  79. background: rgba(216, 2, 4, 0.2);
  80. opacity: 0.6;
  81. color: #D80204;
  82. border-radius: 8rpx;
  83. font-size: 24rpx;
  84. margin-right: 2%;
  85. }
  86. .detail_text2 {
  87. font-size: 24rpx;
  88. font-family: PingFang SC;
  89. color: #333333;
  90. margin-top: 1%;
  91. }
  92. .detail_biao2 {
  93. display: flex;
  94. padding: 1% 0;
  95. font-size: 30rpx;
  96. }
  97. .detail_biao2_sty {
  98. padding: 1% 2.5%;
  99. /* width: 13%; */
  100. text-align: center;
  101. background: rgba(252, 210, 2, 0.2);
  102. border: 2rpx solid #FCD202;
  103. opacity: 0.6;
  104. border-radius: 8rpx;
  105. margin-right: 2%;
  106. }
  107. .detail_biao2_sty2 {
  108. padding: 1% 2.5%;
  109. /* width: 13%; */
  110. text-align: center;
  111. border: 2rpx solid #999999;
  112. opacity: 0.6;
  113. color: #999999;
  114. border-radius: 8rpx;
  115. margin-right: 3%;
  116. }