detail.wxss 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610
  1. .header {
  2. background: #fff;
  3. border-bottom-left-radius: 20rpx;
  4. border-bottom-right-radius: 20rpx;
  5. margin-bottom: 20rpx;
  6. }
  7. .header .goods-price {
  8. display: flex;
  9. align-items: center;
  10. padding: 20rpx;
  11. }
  12. .header .goods-price .price-ins {
  13. color: #EE3A43;
  14. font-size: 22rpx;
  15. border: 2rpx solid #ee3a43;
  16. border-radius: 30rpx;
  17. padding: 4rpx 10rpx;
  18. }
  19. .header .goods-price .real-p {
  20. color: #EE3A43;
  21. font-size: 46rpx;
  22. font-weight: 600;
  23. margin-right: 10rpx;
  24. }
  25. .header .goods-price .orig-p {
  26. text-decoration: line-through;
  27. color: gray;
  28. font-size: 28rpx;
  29. }
  30. .card {
  31. background: #fff;
  32. border-radius: 20rpx;
  33. margin-bottom: 20rpx;
  34. overflow: hidden;
  35. padding: 20rpx;
  36. }
  37. .barOnBottom {
  38. width: 100%;
  39. position: fixed;
  40. left: 0;
  41. bottom: -2rpx;
  42. z-index: 9999;
  43. box-shadow: 0 -2rpx 5rpx rgba(0, 0, 0, .2);
  44. background: #fff;
  45. }
  46. .barOnBottom .buttons-row {
  47. padding: 10rpx 20rpx;
  48. }
  49. .button-growup .button {
  50. display: flex;
  51. flex-direction: column;
  52. line-height: 1.8;
  53. flex: 1;
  54. align-items: center;
  55. }
  56. .button-r {
  57. line-height: 1.8;
  58. text-align: center;
  59. padding: 15rpx 40rpx;
  60. font-size: 28rpx;
  61. border-radius: 15rpx;
  62. width: 100%;
  63. }
  64. .header .headImg {
  65. width: 100%;
  66. height: 750rpx;
  67. }
  68. .swiper {
  69. width: 100%;
  70. height: 750rpx;
  71. }
  72. .swiper image {
  73. width: 100%;
  74. height: 750rpx;
  75. }
  76. .titleBox,
  77. .describe {
  78. width: 100%;
  79. box-sizing: border-box;
  80. display: flex;
  81. align-items: center;
  82. justify-content: space-between;
  83. margin-top: 20rpx;
  84. }
  85. .col-item {
  86. display: flex;
  87. align-items: center;
  88. padding: 10rpx 0;
  89. font-size: 28rpx;
  90. }
  91. .col-item .col-it-label {
  92. min-width: 120rpx;
  93. }
  94. .col-item .col-it-label text {
  95. color: #EE3A43;
  96. border: 1px solid #EE3A43;
  97. display: inline-block;
  98. padding: 0rpx 10rpx;
  99. border-radius: 10rpx;
  100. font-size: 22rpx;
  101. }
  102. .col-item .col-it-val {
  103. font-size: 24rpx;
  104. color: #727171;
  105. }
  106. .titleBox .title {
  107. font-size: 32rpx;
  108. }
  109. .titleBox .price {
  110. font-size: 32rpx;
  111. color: #D81F2A;
  112. }
  113. .describe .label {
  114. font-size: 24rpx;
  115. color: #EE3A43;
  116. margin-bottom: 20rpx;
  117. }
  118. .describe .label text {
  119. background: #f1f1f1;
  120. color: #EE3A43;
  121. margin-right: 20rpx;
  122. margin-bottom: 10rpx;
  123. display: inline-block;
  124. padding: 0 15rpx;
  125. border-radius: 6rpx;
  126. line-height: 1.5;
  127. }
  128. .describe .oldPrice {
  129. font-size: 24rpx;
  130. color: #9FA0A0;
  131. text-decoration: line-through;
  132. }
  133. .details {
  134. padding-bottom: 90rpx;
  135. }
  136. .nav {
  137. width: 100%;
  138. height: 76rpx;
  139. border-bottom: 1px solid #e9e9e9;
  140. display: flex;
  141. align-items: flex-end;
  142. justify-content: space-around;
  143. }
  144. .product-nav {
  145. height: 75rpx;
  146. }
  147. .product-nav-fiexd~.detail-content {
  148. padding-top: 75rpx;
  149. }
  150. .topNav {
  151. position: fixed;
  152. left: 0;
  153. top: 0;
  154. z-index: 9999;
  155. background-color: #fff;
  156. }
  157. .nav-one {
  158. width: 128rpx;
  159. font-size: 28rpx;
  160. border-bottom: 2px solid #fff;
  161. line-height: 70rpx;
  162. text-align: center;
  163. }
  164. .nocur {
  165. color: #595757;
  166. border-bottom: 2px solid #fff;
  167. }
  168. .current {
  169. color: #EE3A43;
  170. border-bottom: 2px solid #EE3A43;
  171. }
  172. .detailsBox {
  173. width: 100%;
  174. padding: 0 20rpx;
  175. box-sizing: border-box;
  176. }
  177. .list {
  178. width: 100%;
  179. padding-bottom: 20rpx;
  180. box-sizing: border-box;
  181. border-bottom: 1px solid #E9E9E9;
  182. }
  183. .listTop {
  184. width: 100%;
  185. padding: 0 20rpx;
  186. box-sizing: border-box;
  187. }
  188. .userInfor {
  189. margin-top: -30rpx;
  190. width: 100%;
  191. padding: 20rpx 0;
  192. display: flex;
  193. align-items: center;
  194. position: relative;
  195. justify-content: space-between;
  196. }
  197. .userBox {
  198. flex-shrink: 0;
  199. text-align: right;
  200. }
  201. .headerBox {
  202. flex-shrink: 1;
  203. width: 100%;
  204. }
  205. .headerBox>text {
  206. white-space: nowrap;
  207. max-width: 180rpx;
  208. vertical-align: middle;
  209. font-size: 28rpx;
  210. display: inline-block;
  211. overflow: hidden;
  212. text-overflow: ellipsis;
  213. }
  214. .headerBox .headerImgB {
  215. width: 76rpx;
  216. height: 76rpx;
  217. border-radius: 50%;
  218. vertical-align: middle;
  219. margin-right: 10rpx;
  220. }
  221. .fen {
  222. position: absolute;
  223. right: 0;
  224. top: 28rpx;
  225. }
  226. .fen image {
  227. width: 57rpx;
  228. height: 30rpx;
  229. }
  230. .score {
  231. font-size: 28rpx;
  232. color: #595757;
  233. line-height: 40rpx;
  234. }
  235. .starBlank {
  236. width: 265rpx;
  237. height: 30rpx;
  238. background-size: contain;
  239. margin-left: 20rpx;
  240. }
  241. .mini-starBlank {
  242. width: 176rpx;
  243. height: 20rpx;
  244. margin-left: 10rpx;
  245. }
  246. .scoreBG {
  247. background-size: contain;
  248. }
  249. .score text {
  250. color: #EE3A43;
  251. }
  252. .scoreImg {
  253. display: flex;
  254. align-items: center;
  255. flex-wrap: wrap;
  256. }
  257. .scoreImg image {
  258. width: 120rpx;
  259. height: 120rpx;
  260. margin-left: 20rpx;
  261. border-radius: 12rpx;
  262. }
  263. .addScore {
  264. width: 100%;
  265. font-size: 26rpx;
  266. color: #EE3A43;
  267. margin-top: 20rpx;
  268. border-top: 1px solid #E9E9E9;
  269. }
  270. .comment {
  271. padding: 20rpx;
  272. }
  273. .scoreBox {
  274. height: 40rpx;
  275. font-size: 28rpx;
  276. color: #595757;
  277. }
  278. .scoreTit {
  279. color: #000;
  280. font-size: 26rpx;
  281. vertical-align: middle
  282. }
  283. .keywords {
  284. width: 100%;
  285. padding: 20rpx;
  286. box-sizing: border-box;
  287. font-size: 28rpx;
  288. background-color: #fff;
  289. margin-bottom: 20rpx;
  290. }
  291. .tag-list {
  292. margin-left: -2%;
  293. overflow: hidden;
  294. white-space: nowrap;
  295. }
  296. .tag-list>.text {
  297. border: 2rpx solid #c8c9cb;
  298. border-radius: 40rpx;
  299. width: 23%;
  300. margin-left: 2%;
  301. padding: 10rpx 0;
  302. font-size: 24rpx;
  303. text-align: center;
  304. float: left;
  305. box-sizing: border-box;
  306. margin-bottom: 3%;
  307. }
  308. .bbztx-editor {
  309. position: relative;
  310. color: #595757;
  311. }
  312. .bbztx-editor .overflow {
  313. position: absolute;
  314. top: 0;
  315. left: 0;
  316. width: 100%;
  317. height: 100%;
  318. line-height: 100%;
  319. background: rgba(0, 0, 0, .3);
  320. z-index: 10
  321. }
  322. .bbztx-editor .overflow:before {
  323. content: "";
  324. display: block;
  325. width: 100%;
  326. height: 100%;
  327. background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QURBNURDREY5QzRDMTFFOEFFMUVDNENDRDE3ODgzMTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QURBNURDRTA5QzRDMTFFOEFFMUVDNENDRDE3ODgzMTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBREE1RENERDlDNEMxMUU4QUUxRUM0Q0NEMTc4ODMxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBREE1RENERTlDNEMxMUU4QUUxRUM0Q0NEMTc4ODMxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgWQeh4AAAG1SURBVHjazFexboMwEIWqO+oPsLCxRQpTsnRGivoH/QnmQrvyEwzZOkVi79IsCTNTJ34A+ICIHtW1sa6HbRxE8qS3YPPe3fmwjd11nXUt3I+YGwBXwCXQB7rAB2ANrIAlsADugUctxT5zBUNgBmw6PTQ4P1RpywY9YDrClAsiRZ1R5mvgrpsGO9T752MzDbcGvgEfB1bqiOta4Dr72Acr7AsOH8AX4KdszT1JxjnwGegMVMvB8VxSAU9W9pR56QsYSUy5ICJ8jyIdMg+Z5uoFNpqmlBsmgEb8CsTJGRNpJBGPNQKIGM2MmgdM1rmi1J1GAA7TAw36WXfYd32nOqRD34GtYo9KgLFkvEUdEQ76/WW+JdEdNBpMRKzI/kDmb8XMfRLdXiNr3Qq0qCfix+/X3CWDhcEhJQuA6rli2U+kLAuNTh4CtwQLMucklr3mymIIm3lG9Wqx7BUZXBoav2L5LYVeJZqXZJD79EyNz5/WGaVoXjC3lqcJjC3UCdgGvHCH65GY7nCX7O0qY+293eRUS6Y81a56ns9+k7mpO9yst9ebvLfP8sdij/hRnPxfbYz55PgWYACplrdElmq06AAAAABJRU5ErkJggg==') center no-repeat;
  328. }
  329. .editor-back .bbztx-editor-h3title,
  330. .editor-back .bbztx-editor-title {
  331. color: #000;
  332. }
  333. .bbztx-editor p {
  334. margin: 10rpx 0;
  335. }
  336. .bbztx-editor-textcenter,
  337. .bbztx-editor-pcenter,
  338. .bbztx-editor-content {
  339. text-align: center;
  340. line-height: 50rpx;
  341. font-size: 28rpx;
  342. }
  343. .bbztx-editor-title {
  344. text-align: center;
  345. font-size: 28rpx;
  346. line-height: 20rpx;
  347. }
  348. .bbztx-editor-title:before,
  349. .bbztx-editor-title:after,
  350. .editor-back .bbztx-editor-h3title:before,
  351. .editor-back .bbztx-editor-h3title:after {
  352. content: "";
  353. position: relative;
  354. top: -2rpx;
  355. display: inline-block;
  356. width: 14rpx;
  357. height: 14rpx;
  358. background: #F05469;
  359. transform: rotate(45deg);
  360. -webkit-transform: rotate(45deg);
  361. -moz-transform: rotate(45deg);
  362. -o-transform: rotate(45deg);
  363. -ms-transform: rotate(45deg);
  364. }
  365. .bbztx-editor-title:before,
  366. .editor-back .bbztx-editor-h3title:before {
  367. margin-right: 20rpx;
  368. }
  369. .bbztx-editor-title:after,
  370. .editor-back .bbztx-editor-h3title:after {
  371. margin-left: 20rpx;
  372. }
  373. .bbztx-editor-tcontent {
  374. margin: 210rpx 0;
  375. }
  376. .bbztx-editor-tcontent p,
  377. .bbztx-editor-content {
  378. margin: 0 !important;
  379. }
  380. .bbztx-editor-content {
  381. text-align: left;
  382. }
  383. .bbztx-editor-img {
  384. margin: 30rpx 0;
  385. text-align: center;
  386. }
  387. .bbztx-editor-img img {
  388. max-width: 100%;
  389. width: auto;
  390. }
  391. .bbztx-editor-h2title {
  392. font-size: 32rpx;
  393. display: inline-block;
  394. font-weight: bold;
  395. position: relative;
  396. color: #fff;
  397. background: #F05469;
  398. border-radius: 0 80rpx 80rpx 0;
  399. padding: 6rpx 80rpx 6rpx 80rpx;
  400. }
  401. .bbztx-editor-h2title:after {
  402. content: "";
  403. position: absolute;
  404. top: 50%;
  405. right: 10rpx;
  406. width: 100%;
  407. height: 80%;
  408. transform: translate(0, -50%);
  409. -webkit-transform: translate(0, -50%);
  410. display: block;
  411. background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjY5RjA5MkY5QzQxMTFFODgwODBENkVFNzlBRTNGRDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjY5RjA5MzA5QzQxMTFFODgwODBENkVFNzlBRTNGRDAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NjlGMDkyRDlDNDExMUU4ODA4MEQ2RUU3OUFFM0ZEMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NjlGMDkyRTlDNDExMUU4ODA4MEQ2RUU3OUFFM0ZEMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvgQOI8AAANASURBVHjavJdpSBVRFMff02f2oaQFJQSJ0rC0SAqSTMgwAotEIqhIKAhCgoIWaEPxUyZUBAW2EFTkx6JA0g9RRCu5RPlF2zCjhVBDjRZNp9/R82y6znszo9SBHzN35p77P3Nn7j1nggEPZllWkMNSWA05kA4zIAYG4RO0wkO4CY+CwaDlNm7QRXQCh22wB9LgJzyGZ9CubemTDJmwDCbDKzgBFwiiL+DXEM6DVmvY7sImmKT3YmAKxBk+cbAG6tRP/PP8iAahFAbgqQaRD9P1fiy06eDfYWGU4F/qOKX66lyFq3TgJ7AeVkAJPJcAIAS90AOvId1hnAIogmL4qONVRQ2AmxXWH5OIr0M1pOhAc7Vfre0V5Iava/sUXIJ+a7RVRBIuNDq263vdqe1ql1mTwJOhEY5bka3QdEyAD1Z0O+AiLlN92XI30UmwO5a7OBx1W5KwVV9VN7zQaT8Hbx3GKw87xkNHFOHDHlZIGXTpqsiGDTAbGjQY00QvPqBf5Zim2iYuK+C8rohs2/VMXW5OVhSiTwF0QDekwj24Bi3sTnUuorEcDkE+LNfLt7gu/rK9pujOGNCtNxHmaLtA1nUTJ22QoIOsRbTG4xPnarBeTLbZBbAKioe2Zd0sjkAaHIN3cu5jC/ZsNj/R6wlpIujiaSUZ7JNdi+Ntjrs4ypr8AQe53+2gP+AjXdgTzOchXQ1qt/FEs6DFFnQ9JEb40ORLv6i0RHjoPtho89s7NBPhaXcYuM0YoNkpAMNnItwx/L7BSqNfpejKSRNc9SDuNYB1hs8Ohz43RFcqkXrIdU15wzYfNrv0GTTa8uRJMDNcC4ie6MpJLSRpFfKXU4TB+wP+rQTC35UUF9NENyzeCdsNB2mfNa5VwpUxiMtKemMLpFN1RxLLL8gw3k2W7d3JhznVw9qfB1/U5ysstt1bBIMjicVIqQ90y3QSXxIYh2l91zAqpRrFRGUE8axxip92LCYcyqj92s6wiaeOQ7gsahnlUECe1KnaYt+dfIpKrXDGUwHpUDo32vOzT+Ecze/eSucoPw01WqOFPHxUnn8a/P4u9cB9aIb30Kt1QLLm6lxte/pdCnqchX/zo2jL8f/dfgswAKSOSPgWwycoAAAAAElFTkSuQmCC') right center no-repeat;
  412. background-size: contain;
  413. }
  414. .bbztx-editor-h3title,
  415. .bbztx-editor-h4title {
  416. text-align: center;
  417. color: #F05469;
  418. font-size: 32rpx;
  419. padding: 20rpx 0;
  420. }
  421. .bbztx-editor-h4title {
  422. color: #EE3A43;
  423. }
  424. .bbztx-editor-h3title~.bbztx-editor-img:first-child,
  425. .bbztx-editor-h4title~.bbztx-editor-img:first-child {
  426. margin: 0;
  427. }
  428. .bbztx-editor-img~p {
  429. margin: 0;
  430. margin-top: 20rpx !important;
  431. }
  432. .editor-back .bbztx-editor-h2title {
  433. background: #F05469;
  434. height: 36rpx;
  435. line-height: 34rpx;
  436. display: inline-block;
  437. font-size: 32rpx;
  438. margin-top: 32rpx;
  439. position: relative;
  440. left: 50%;
  441. transform: translate(-50%, 0);
  442. -webkit-transform: translate(-50%, 0);
  443. padding: 10rpx;
  444. border-radius: 0;
  445. }
  446. .editor-back .bbztx-editor-h2title:after {
  447. content: "";
  448. position: absolute;
  449. top: -36rpx;
  450. left: 50%;
  451. transform: translate(-50%, 0);
  452. -webkit-transform: translate(-50%, 0);
  453. background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAAA+CAYAAACm03wJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTQ3RjJCQ0Y5QzQxMTFFODhCODlERUM0Qjg1QjRFNTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTQ3RjJCRDA5QzQxMTFFODhCODlERUM0Qjg1QjRFNTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNDdGMkJDRDlDNDExMUU4OEI4OURFQzRCODVCNEU1MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNDdGMkJDRTlDNDExMUU4OEI4OURFQzRCODVCNEU1MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pguuv44AABeHSURBVHja7FwJdBzV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') center top no-repeat;
  454. background-size: contain;
  455. }
  456. .editor-back .bbztx-editor-h3title,
  457. .editor-back .bbztx-editor-h4title {
  458. color: #000;
  459. }
  460. .fixed_kxzb {
  461. position: fixed;
  462. bottom: 60px;
  463. right: 10px;
  464. z-index: 100;
  465. }
  466. .fixed_kxzb image {
  467. width: 160rpx;
  468. height: 124rpx;
  469. }
  470. .button.disabled {
  471. background: #999;
  472. }
  473. .video {
  474. width: 100%;
  475. }
  476. /* 两行滚动 */
  477. .tag {
  478. margin-top: 0.8rem;
  479. display: flex;
  480. flex-wrap: nowrap;
  481. overflow-y: scroll;
  482. max-height: 140rpx;
  483. flex-shrink: 0;
  484. font-size: 24rpx;
  485. color: #EE3A43;
  486. }
  487. .tag::-webkit-scrollbar {
  488. width: 0;
  489. height: 0;
  490. color: transparent;
  491. }
  492. .product-tag {
  493. flex-shrink: 0;
  494. }
  495. .product-tag-item {
  496. display: inline-block;
  497. background: #f8f1f3;
  498. border-radius: 4rpx;
  499. padding: 0 8px;
  500. margin-right: 16rpx;
  501. margin-bottom: 16rpx;
  502. flex-shrink: 0;
  503. }
  504. /* 评论区 */
  505. .listScore {
  506. display: flex;
  507. justify-content: space-between;
  508. }
  509. .buttom1 {
  510. width: 158rpx;
  511. height: 47rpx;
  512. background-color: #ee3a43;
  513. display: flex;
  514. justify-content: center;
  515. align-items: center;
  516. color: #fff;
  517. border-radius: 30rpx;
  518. }
  519. /* 横线 */
  520. .line {
  521. width: 100%;
  522. margin: 34rpx 0;
  523. border-bottom: 1px dashed rgb(245, 243, 243);
  524. }