index.wxss 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305
  1. @import '/css/style.wxss';
  2. .navbar .header {
  3. height: 96rpx;
  4. font-size: 30rpx;
  5. color: #050505;
  6. background-color: #fff;
  7. padding-right: 95rpx;
  8. }
  9. .navbar .header .item {
  10. position: relative;
  11. margin: 0 25rpx;
  12. }
  13. .navbar .header .item.on:before {
  14. position: absolute;
  15. width: 60rpx;
  16. height: 5rpx;
  17. background-repeat: no-repeat;
  18. content: "";
  19. background-image: linear-gradient(to right, #ff3366 0%, #ff6533 100%);
  20. bottom: -10rpx;
  21. left: 50%;
  22. margin-left: -28rpx;
  23. }
  24. .navbar {
  25. position: fixed;
  26. background-color: #fff;
  27. top: 0;
  28. left: 0;
  29. z-index: 999;
  30. width: 100%;
  31. }
  32. .navbar .navbarH {
  33. position: relative;
  34. }
  35. .navbar .navbarH .navbarCon {
  36. position: absolute;
  37. bottom: 0;
  38. height: 100rpx;
  39. width: 100%;
  40. }
  41. .returnF {
  42. position: fixed;
  43. top: 0;
  44. left: 0;
  45. width: 100rpx;
  46. z-index: 1000;
  47. }
  48. .returnF .returnH {
  49. position: relative;
  50. }
  51. .returnF .returnH .returnCon {
  52. position: absolute;
  53. bottom: 0;
  54. height: 100rpx;
  55. width: 100%;
  56. color: #000;
  57. font-weight: bold;
  58. font-size: 40rpx;
  59. }
  60. /* .icon-xiangzuo{color:#000;font-weight:bold;position:fixed;font-size:40rpx;width:100rpx;height:56rpx;line-height:54rpx;z-index:1000;left:33rpx;} */
  61. .product-con .wrapper {
  62. padding-bottom: 26rpx;
  63. }
  64. .product-con .wrapper .share .money .y-money {
  65. color: #82848f;
  66. margin-left: 13rpx;
  67. text-decoration: line-through;
  68. font-weight: normal;
  69. }
  70. .product-con .notice {
  71. width: 100%;
  72. height: 62rpx;
  73. background-color: #ffedeb;
  74. margin-top: 20rpx;
  75. padding: 0 30rpx;
  76. box-sizing: border-box;
  77. }
  78. .product-con .notice .num {
  79. font-size: 24rpx;
  80. }
  81. .product-con .notice .num .iconfont {
  82. font-size: 30rpx;
  83. vertical-align: -3rpx;
  84. margin-right: 20rpx;
  85. }
  86. .product-con .notice .num .line {
  87. color: #282828;
  88. margin-left: 15rpx;
  89. }
  90. .product-con .notice .swiper {
  91. height: 100%;
  92. width: 360rpx;
  93. line-height: 62rpx;
  94. overflow: hidden;
  95. margin-left: 14rpx;
  96. }
  97. .product-con .notice .swiper swiper {
  98. height: 100%;
  99. width: 100%;
  100. overflow: hidden;
  101. font-size: 24rpx;
  102. color: #282828;
  103. }
  104. .product-con .assemble {
  105. background-color: #fff;
  106. }
  107. .product-con .assemble .item {
  108. padding-right: 30rpx;
  109. margin-left: 30rpx;
  110. border-bottom: 1rpx solid #f0f0f0;
  111. height: 132rpx;
  112. }
  113. .product-con .assemble .item .pictxt {
  114. width: 295rpx;
  115. }
  116. .product-con .assemble .item .pictxt .text {
  117. width: 194rpx;
  118. }
  119. .product-con .assemble .item .pictxt .pictrue {
  120. width: 80rpx;
  121. height: 80rpx;
  122. }
  123. .product-con .assemble .item .pictxt .pictrue image {
  124. width: 100%;
  125. height: 100%;
  126. border-radius: 50%;
  127. }
  128. .product-con .assemble .item .right .lack {
  129. font-size: 24rpx;
  130. color: #333333;
  131. }
  132. .product-con .assemble .item .right .time {
  133. font-size: 22rpx;
  134. color: #82848f;
  135. margin-top: 5rpx;
  136. }
  137. .product-con .assemble .item .right .spellBnt {
  138. font-size: 24rpx;
  139. color: #fff;
  140. width: 140rpx;
  141. height: 50rpx;
  142. border-radius: 50rpx;
  143. background-image: linear-gradient(to right, #ff2358 0%, #ff0000 100%);
  144. text-align: center;
  145. line-height: 50rpx;
  146. margin-left: 30rpx;
  147. }
  148. .product-con .assemble .item .right .spellBnt .iconfont {
  149. font-size: 25rpx;
  150. margin-left: 5rpx;
  151. }
  152. .product-con .assemble .more {
  153. font-size: 24rpx;
  154. color: #282828;
  155. text-align: center;
  156. height: 90rpx;
  157. line-height: 90rpx;
  158. }
  159. .product-con .assemble .more .iconfont {
  160. margin-left: 13rpx;
  161. font-size: 25rpx;
  162. }
  163. .product-con .playWay {
  164. background-color: #fff;
  165. padding: 0 30rpx;
  166. margin-top: 20rpx;
  167. font-size: 28rpx;
  168. color: #282828;
  169. }
  170. .product-con .playWay .title {
  171. height: 86rpx;
  172. border-bottom: 1rpx solid #eee;
  173. }
  174. .product-con .playWay .title .iconfont {
  175. margin-left: 13rpx;
  176. font-size: 28rpx;
  177. color: #717171;
  178. }
  179. .product-con .playWay .way {
  180. min-height: 110rpx;
  181. font-size: 26rpx;
  182. color: #282828;
  183. }
  184. .product-con .playWay .way .iconfont {
  185. color: #cdcdcd;
  186. font-size: 40rpx;
  187. margin: 0 35rpx;
  188. }
  189. .product-con .playWay .way .item .num {
  190. font-size: 35rpx;
  191. vertical-align: 3rpx;
  192. margin-right: 6rpx;
  193. }
  194. .product-con .playWay .way .item .tip {
  195. font-size: 22rpx;
  196. color: #a5a5a5;
  197. margin-top: 7rpx;
  198. }
  199. .product-con .footer {
  200. padding: 0 20rpx 0 30rpx;
  201. position: fixed;
  202. bottom: 0;
  203. width: 100%;
  204. box-sizing: border-box;
  205. height: 100rpx;
  206. background-color: #fff;
  207. z-index: 99;
  208. border-top: 1rpx solid #f0f0f0;
  209. }
  210. .product-con .footer .item {
  211. font-size: 18rpx;
  212. color: #666;
  213. }
  214. .product-con .footer .item .iconfont {
  215. text-align: center;
  216. font-size: 40rpx;
  217. }
  218. .product-con .footer .item .iconfont.icon-shoucang1 {
  219. color: #f00;
  220. }
  221. .product-con .footer .item .iconfont.icon-gouwuche1 {
  222. font-size: 40rpx;
  223. position: relative;
  224. }
  225. .product-con .footer .item .iconfont.icon-gouwuche1 .num {
  226. color: #fff;
  227. position: absolute;
  228. font-size: 18rpx;
  229. padding: 2rpx 8rpx 3rpx;
  230. border-radius: 200rpx;
  231. top: -10rpx;
  232. right: -10rpx;
  233. }
  234. .product-con .footer .bnt {
  235. width: 540rpx;
  236. height: 76rpx;
  237. }
  238. .product-con .footer .bnt .bnts {
  239. width: 270rpx;
  240. text-align: center;
  241. line-height: 76rpx;
  242. color: #fff;
  243. font-size: 28rpx;
  244. }
  245. .product-con .footer .bnt .joinCart {
  246. border-radius: 50rpx 0 0 50rpx;
  247. background-image: linear-gradient(to right, #fea10f 0%, #fa8013 100%);
  248. }
  249. .product-con .footer .bnt .buy {
  250. border-radius: 0 50rpx 50rpx 0;
  251. background-image: linear-gradient(to right, #fa6514 0%, #e93323 100%);
  252. }
  253. .setCollectBox {
  254. font-size: 18rpx;
  255. color: #666;
  256. }
  257. @import "/wxParse/wxParse.wxss";