Home Explore Help
Register Sign In
duanqichao
/
kabao
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
kabao
/
import
/
css0_4.wxss

css0_4.wxss 6.1 KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081 
  1. .diy .user-block, .coupon { margin: 0; }
    2. 

  2. .nav-icon-list .nav-icon.nav-icon-3 { width: 250rpx; }
    3. 

  3. .nav-icon-list .nav-icon.nav-icon-4 { width: 186rpx; }
    4. 

  4. .nav-icon-list .nav-icon.nav-icon-5 { width: 150rpx; }
    5. 

  5. .nav-icon-list .nav-icon wx-navigator { position: relative; z-index: 9; }
    6. 

  6. .rubik-list { position: relative; width: 100%; }
    7. 

  7. .rubik-list .rubik-one { position: absolute; left: 0; top: 0; width: 0; height: 0; }
    8. 

  8. .diy-goods-list-0 { width: 100%; background-color: #fff; overflow-x: hidden; padding: 0 12rpx; }
    9. 

  9. .diy-goods-list-1 { width: 550rpx; background-color: #fff; overflow-x: hidden; }
    10. 

  10. .diy-goods-one { margin: 12rpx; width: calc(100% - 24rpx); }
    11. 

  11. .diy-goods-one-0, .diy-goods-one-1 { width: calc(100% - 24rpx); }
    12. 

  12. .diy-goods-one-2 { width: calc(50% - 24rpx); }
    13. 

  13. .diy-goods-one-3 { width: calc(33.33% - 24rpx); }
    14. 

  14. .diy-goods-one-4 { width: calc(264rpx - 24rpx); }
    15. 

  15. .diy-goods-one-1 .diy-goods-border { padding-bottom: 0; text-align: left; border-radius: 0 12rpx 12rpx 0; }
    16. 

  16. .diy-goods-border { flex-wrap: wrap; }
    17. 

  17. .diy-goods-border-1 { border: 1rpx solid #eee; border-radius: 0 0 12rpx 12rpx; }
    18. 

  18. .diy-goods-border-2 { text-align: center; }
    19. 

  19. .diy-goods-border-3 { border: 1rpx solid #eee; border-radius: 0 0 12rpx 12rpx; text-align: center; }
    20. 

  20. .diy-goods-img { position: relative; }
    21. 

  21. .diy-goods-img wx-image:first-child { width: 152rpx; height: 152rpx; display: block; }
    22. 

  22. .diy-goods-img-0 { width: 698rpx; height: 698rpx; }
    23. 

  23. .diy-goods-img-1 { width: 200rpx; height: 200rpx; }
    24. 

  24. .diy-goods-img-2 { width: 335rpx; height: 335rpx; }
    25. 

  25. .diy-goods-img-3 { width: 214rpx; height: 214rpx; }
    26. 

  26. .diy-goods-img-4 { width: 240rpx; height: 240rpx; }
    27. 

  27. .diy-goods-content { padding: 0 24rpx; flex-wrap: wrap; width: 100%; padding-bottom: 24rpx; }
    28. 

  28. .diy-goods-content-1 { width: calc(100% - 200rpx); align-items: flex-end; }
    29. 

  29. .diy-goods-price { color: #ff4544; font-size: 13pt; }
    30. 

  30. .buy-btn { justify-content: flex-end; display: flex; margin-top: 10rpx; }
    31. 

  31. .buy-btn wx-image { width: 50rpx; height: 50rpx; }
    32. 

  32. .buy-btn-2 { width: auto; padding: 4rpx 30rpx; border-radius: 50rpx; background-color: #ff4544; color: #fff; max-width: 200rpx; }
    33. 

  33. .buy-btn-3 { width: auto; padding: 4rpx 30rpx; color: #ff4544; max-width: 200rpx; border: 1rpx solid #ff4544; }
    34. 

  34. .buy-btn-4 { width: auto; padding: 4rpx 30rpx; color: #ff4544; border-radius: 50rpx; max-width: 200rpx; border: 1rpx solid #ff4544; }
    35. 

  35. .buy-btn-5 { width: auto; padding: 4rpx 30rpx; background-color: #ff4544; color: #fff; max-width: 200rpx; }
    36. 

  36. .diy-goods-mark { position: absolute; left: 0; top: 0; width: 64rpx; height: 64rpx; }
    37. 

  37. .diy-cat-0 { width: 100%; padding: 0 24rpx; background-color: #fff; border-bottom: 1rpx solid #eee; }
    38. 

  38. .diy-cat-one-0 { padding: 0 26rpx; text-align: center; height: 100rpx; max-width: 200rpx; }
    39. 

  39. .diy-cat-one-0.active { border-bottom: 2rpx solid #ff4544; color: #ff4544; }
    40. 

  40. .diy-cat-one-1 { margin: 22rpx 0; padding: 0rpx 26rpx; color: #666; height: 58rpx; max-width: 200rpx; }
    41. 

  41. .diy-cat-one-1.active { color: #fff; border-radius: 29rpx; background-color: #ff4544; }
    42. 

  42. .diy-cat-1 { width: 200rpx; background-color: #f7f7f7; height: auto; }
    43. 

  43. .diy-cat-one-2 { padding: 12rpx; width: 100%; height: 106rpx; text-align: center; }
    44. 

  44. .diy-cat-one-2.active { border-left: 4rpx solid #ff4544; background-color: #fff; color: #ff4544; }
    45. 

  45. .diy-cat-name { margin-top: 24rpx; padding: 12rpx 24rpx; background-color: #fff; }
    46. 

  46. .div-cat-name:first-child { margin: 0; }
    47. 

  47. .diy-goods-1 { padding: 24rpx; width: 100%; }
    48. 

  48. .link { height: 72rpx; position: relative; }
    49. 

  49. .link .img { width: 12rpx; height: 22rpx; margin-right: 24rpx }
    50. 

  50. .attr-item { margin: 0 20rpx 20rpx 0; background: #f7f7f7; border-radius: 10rpx; padding: 10rpx 20rpx; }
    51. 

  51. .attr-item.active { background-color: #ff4544; color: #fff; }
    52. 

  52. .attr-item.attr_num_0 { color: #c5c5c5; }
    53. 

  53. .goods-modal-btn { background-color: #ff4544; color: #fff; padding: 12rpx 20rpx; border-radius: 35rpx; }
    54. 

  54. .attr-picker .number-input-box { height: 70rpx; }
    55. 

  55. .attr-picker .number-input-box .number-input { height: 70rpx !important; border: none; text-align: center; width: 120rpx; background: #eee; margin: 0 4rpx !important; }
    56. 

  56. .attr-picker .number-input-box .number-btn { height: 100% !important; width: 70rpx; background: #eee; }
    57. 

  57. .attr-picker .number-input-box .number-btn.disabled { background: #f6f6f6; color: #aaa; }
    58. 

  58. .time-block { position: relative; color: #fff; padding: 24rpx; width: 100%; height: 140rpx; }
    59. 

  59. .time-block wx-view { position: relative; z-index: 99; }
    60. 

  60. .time-block wx-image { width: 100%; height: 140rpx; position: absolute; left: 0; top: 0; }
    61. 

  61. .banner .slide-image-2 { width: 600rpx; height: 288rpx; }
    62. 

  62. .miaosha-time { position: absolute; left: 0; bottom: 0; width: 100%; background: -webkit-linear-gradient(left, #f44, #ff8b8b); background: -webkit-gradient(linear, left top, right top, from(#f44), to(#ff8b8b)); background: -moz-linear-gradient(left, #f44, #ff8b8b); background: linear-gradient(90deg, #f44, #ff8b8b); color: #fff; padding: 0 10px; }
    63. 

  63. .miaosha-time-0 { height: 80rpx; }
    64. 

  64. .miaosha-time-1, .miaosha-time-2 { height: 44rpx; }
    65. 

  65. .font-default { color: #aaa; }
    66. 

  66. .mch-img-0 { width: 88rpx; height: 88rpx; }
    67. 

  67. .mch-img-0 wx-image { border-radius: 88rpx; }
    68. 

  68. .mch-btn { display: inline-block; border: 1rpx solid #ccc; border-radius: 8rpx; padding: 8rpx 16rpx; color: #666; font-size: 9pt; }
    69. 

  69. .mch-list { background: #fff; }
    70. 

  70. .mch-goods-list { background: #e6e6e6; }
    71. 

  71. .mch-goods-list .mch-goods-item { position: relative; font-size: 0; background: #fff; margin: 8rpx; display: inline-block; }
    72. 

  72. .mch-goods-list .mch-goods-item wx-view { position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(255, 255, 255, 0.85); color: #ff4544; padding: 6rpx; text-align: center; }
    73. 

  73. .link-img { width: 100%; height: 50%; background-repeat: no-repeat; background-size: contain; }
    74. 

  74. .text-center { text-align: center; }
    75. 

  75. .topic-one { display: block; background: #fff; padding: 34rpx 24rpx; margin-bottom: 10rpx; }
    76. 

  76. .topic-one:last-child{ margin-bottom: 0; }
    77. 

  77. .topic-one .topic-title { -webkit-line-clamp: 3; }
    78. 

  78. .topic-one.layout-1 .topic-title { margin-bottom: 24rpx; }
    79. 

  79. .layout-0 .topic-cover-pic { width: 268rpx; height: 202rpx; margin-left: 10rpx; display: block; }
    80. 

  80. .layout-1 .topic-cover-pic { width: 702rpx; height: 350rpx; margin-bottom: 24rpx; display: block; }
    81. 

  81. .diy .topic-bar { border: 0; }
    82.