Home Explore Help
Register Sign In
xionghaojie
/
H5_module
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 694993640b
Branches Tags
H5_module
/
activity
/
bargain
/
kjDetail
/
kjDetail.css

kjDetail.css 5.1 KB
History Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374 
  1. /* group/ptDetail/ptDetail.wxss */
    2. 

  2. page{background: #E0212A;}
    3. 

  3. .banner image{width: 100%;}
    4. 

  4. .con{position: relative;z-index: 1;padding: 0 20rpx 50rpx;margin-top: 7rpx;}
    5. 

  5. .info{background: #fff;border-radius: 12rpx;padding: 30rpx 20rpx;}
    6. 

  6. .pinimgs{box-sizing: border-box;width: 180rpx;height: 180rpx;border-radius: 10rpx;margin-right: 30rpx;border: 2rpx solid #E5E5E5;position: relative;}
    7. 

  7. .pinimg{display: block;width: 100%;height: 100%;border-radius: 10rpx;}
    8. 

  8. .tuan{display: block;width: 87rpx;height: 44rpx;font-size: 22rpx;color: #fff;text-align: center;line-height: 34rpx;position: absolute;top: 21rpx;left: -10rpx;}
    9. 

  9. .tuan image{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
    10. 

  10. .tuan text{position: relative;z-index: 2;display: block;}
    11. 

  11. .proname{font-size: 28rpx;color: #333;}
    12. 

  12. .guige{font-size: 24rpx;color: #999;margin-top: 5rpx;}
    13. 

  13. .sta{align-items: center;justify-content: space-between;margin-top: 30rpx;}
    14. 

  14. .price{font-size: 37rpx;color: #FE0419;}
    15. 

  15. .price text{font-size: 25rpx;}
    16. 

  16. .price text.del{font-size: 24rpx;color: #999;margin-left: 16rpx;text-decoration: line-through;}
    17. 

  17. .nums{font-size: 30rpx;color: #333;}
    18. 

  18. .cantuan{padding: 35rpx 55rpx 40rpx;}
    19. 

  19. .can-info{text-align: center;font-size: 29rpx;color: #333;margin: 35rpx 0 25rpx;}
    20. 

  20. .can-info text{color: #E81033;}
    21. 

  21. .sheng{align-items: center;justify-content: center;font-size: 22rpx;color: #333;margin-top: 25rpx;}
    22. 

  22. .sheng::before,.sheng::after{content: '';display: block;width: 110rpx;height: 2rpx;background: #FD4D36;}
    23. 

  23. .sheng::before{margin-right: 16rpx;}
    24. 

  24. .sheng::after{margin-left: 16rpx;}
    25. 

  25. .sheng-time{font-size: 24rpx;color: #FD4D36;align-items: center;}
    26. 

  26. .sheng-time text{display: block;width: 36rpx;height: 36rpx;border-radius: 6rpx;background: #FD5238;font-size: 22rpx;color: #fff;text-align: center;line-height: 36rpx;margin: 0 10rpx;}
    27. 

  27. .process{background: #E8E8E8;height: 16rpx;border-radius: 8rpx;position: relative;}
    28. 

  28. .process .ing{position: absolute;top: 0;left: 0;height: 100%;background: #F71F42;border-radius: 8rpx;}
    29. 

  29. .can-btn{height: 90rpx !important;border-radius: 45rpx!important;font-size: 30rpx;color: #fff;text-align: center;line-height: 90rpx !important;margin-top: 60rpx !important;}
    30. 

  30. .kai-btn{height: 86rpx;border-radius: 45rpx;font-size: 30rpx;color: #FE0419;border: 2rpx solid #FE0419;text-align: center;line-height: 86rpx;margin-top: 20rpx;}
    31. 

  31. .tab{height: 104rpx;border-bottom: 2rpx solid #E8E8E8;}
    32. 

  32. .tab .li{font-size: 26rpx;color: #999;width: 33.33%;text-align: center;line-height: 104rpx;position: relative;}
    33. 

  33. .tab .on{font-size: 28rpx;color: #333;}
    34. 

  34. .tab .on::after{content: '';display: block;width:130rpx;height:4rpx;background:linear-gradient(359deg,rgba(240,73,39,1) 0%,rgba(255,142,78,1) 100%);position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
    35. 

  35. .det-text{padding: 20rpx 30rpx;word-break: break-all;}
    36. 

  36. .details .rich-img{width: 100%;}
    37. 

  37. .details .img{width: 100%;}
    38. 

  38. .friend .li{border-bottom: 2rpx solid #E8E8E8;padding: 28rpx 20rpx;align-items: center;}
    39. 

  39. .friend .li:last-child{border-bottom: none;}
    40. 

  40. .timg{position: relative;margin-right: 20rpx;}
    41. 

  41. .timg image{width: 90rpx;height: 90rpx;border-radius: 50%;}
    42. 

  42. .timg text{display: block;width: 78rpx;height: 32rpx;border-radius: 17rpx;border: 2rpx solid #fff;background: #FD4534;font-size: 20rpx;color: #fff;text-align: center;line-height: 32rpx;position: absolute;left: 50%;transform: translateX(-50%);bottom: -12rpx;}
    43. 

  43. .name{font-size: 28rpx;color: #333;margin-right: 20rpx;}
    44. 

  44. .name text{display: block;font-size: 24rpx;color: #999;margin-top: 5rpx;}
    45. 

  45. .time{font-size: 24rpx;color: #999;}
    46. 

  46. .nopeople{padding: 100rpx 0;text-align: center;font-size: 28rpx;color: #999;}
    47. 

  47. .nopeople image{width: 219rpx;height: 147rpx;margin: 0 auto 30rpx;}
    48. 

  48. .guize{font-size: 24rpx;line-height: 40rpx;padding: 30rpx;}
    49. 

  49. 

  50. .show{display: block;}
    51. 

  51. .hide{display: none;}
    52. 

  52. 

  53. 

  54. /* 砍价弹窗 */
    55. 

  55. .kjpop{position: fixed;top: 50%;transform: translateY(-50%);left: 85rpx;right: 85rpx;background: #fff;border-radius: 20rpx;padding: 90rpx 45rpx 55rpx;text-align: center;z-index: 100;}
    56. 

  56. .kjclose{width: 62rpx;height: 62rpx;position: absolute;top: -30rpx;right: -30rpx;}
    57. 

  57. .kjimg{width: 219rpx;height: 147rpx;margin: 0 auto;}
    58. 

  58. .kjtip{font-size: 32rpx;color: #333;margin: 45rpx 0 35rpx;}
    59. 

  59. .kjbtn{justify-content: space-between;}
    60. 

  60. .back{width: 216rpx;height: 66rpx;border: 2rpx solid #F71F42;border-radius: 35rpx;font-size: 32rpx;color: #F71F42;text-align: center;line-height: 66rpx;}
    61. 

  61. .ljgm{width: 220rpx;height: 70rpx;background: #F71F42;border-radius: 35rpx;font-size: 32rpx;color: #fff;text-align: center;line-height: 70rpx;}
    62. 

  62. 

  63. .kanle1{width: 174rpx;height: 133rpx;margin: 0 auto;}
    64. 

  64. .kanle2{width: 189rpx;height: 94rpx;margin: 0 auto;}
    65. 

  65. .kandiao{font-size: 32rpx;color: #333;}
    66. 

  66. .kandiao text{font-size: 36rpx;color: #F71F42;}
    67. 

  67. .kjpop .process{margin: 30rpx 0 95rpx;}
    68. 

  68. .end{background: #d1d1d1;}
    69. 

  69. .fenx{width: 220rpx !important;height: 70rpx !important;background: #F71F42;border-radius: 35rpx !important;font-size: 32rpx;color: #fff;text-align: center;line-height: 70rpx !important;}
    70. 

  70. .faqir{margin: 0 auto;text-align: center;padding: 0 0 35rpx 0;}
    71. 

  71. .faqir image{width: 90rpx;height: 90rpx;border-radius: 50%;margin: 0 auto;}
    72. 

  72. .faqir view{font-size: 36rpx; padding: 10rpx 0;}
    73. 

  73. .faqir text{color: #999;margin: 0 10rpx;}
    74. 

  74. .iconfont{display: inline; color: #999;}
    75.