guessLike.wxss 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. .guess-item {
  2. padding: 25rpx;
  3. background: #fff;
  4. margin-bottom: 15rpx;
  5. padding-bottom: 45rpx!important;
  6. }
  7. .guess-item .guess {
  8. color: #000;
  9. font-size: 35rpx;
  10. font-weight: 500;
  11. padding-bottom: 25rpx;
  12. }
  13. .guess-item .guess-scroll {
  14. width: 100%;
  15. font-size: 24rpx;
  16. overflow: hidden;
  17. overflow-x: auto;
  18. -webkit-box-pack: start;
  19. justify-content: flex-start;
  20. }
  21. .guess-item .guess-scroll .scroll-list {
  22. border: 2rpx solid #f0f0f0;
  23. border-radius: 25rpx;
  24. margin-right: 15rpx;
  25. }
  26. .guess-item .guess-scroll .scroll-list .scoll-img {
  27. width: 227rpx;
  28. border-top-right-radius: 25rpx;
  29. border-top-left-radius: 25rpx;
  30. height: 227rpx;
  31. overflow: hidden;
  32. }
  33. .guess-item .guess-scroll .scroll-list .scoll-img image {
  34. width: 100%;
  35. height: 100%;
  36. }
  37. .guess-item .guess-scroll .scroll-list .scoll-name {
  38. height: 80rpx;
  39. width: 227rpx;
  40. font-size: 22rpx;
  41. padding: 15rpx;
  42. }
  43. .guess-item .guess-scroll .scroll-list .price-list {
  44. padding: 25rpx 25rpx 25rpx 15rpx;
  45. }
  46. .guess-item .guess-scroll .scroll-list .price-list .tpl .red-price {
  47. color: #f31d29;
  48. }
  49. .guess-item .guess-scroll .scroll-list .price-list .tpl .red-price text {
  50. font-size: 35rpx!important;
  51. font-weight: 700;
  52. }
  53. .guess-item .guess-scroll .scroll-list .price-list .tpl .grey-price {
  54. text-decoration: line-through;
  55. color: #999;
  56. font-size: 10px!important;
  57. }
  58. .guess-item .guess-scroll .scroll-list .price-list .img {
  59. width: 45rpx;
  60. height: 45rpx;
  61. }
  62. .guess-item .guess-scroll .scroll-list .price-list .img image {
  63. width: 100%;
  64. height: 100%;
  65. }