Página inicial Explorar Ajuda
Registrar Entrar
duanqichao
/
kabao
1
0
Fork 0
Arquivos Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
kabao
/
bargain
/
activity
/
activity.wxss

activity.wxss 3.1 KB
Link permanente Histórico Raw

123456789101112131415161718192021222324252627282930313233 
  1. .main { background: -prefix-linear-gradient(top, #ee3763, #fdac42); background: linear-gradient(to bottom, #ee3763, #fdac42); padding-bottom: 40rpx; min-height: 100%; }
    2. 

  2. .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100rpx; }
    3. 

  3. .block { padding: 0 20rpx; }
    4. 

  4. .rule { height: 40rpx; border-radius: 20rpx; background-color: rgba(0, 0, 0, 0.2); margin-top: 32rpx; color: #fff; font-size: 9pt; padding: 0 24rpx; }
    5. 

  5. .goods-info { width: 100%; margin-top: 28rpx; background-color: #fff; border-radius: 16rpx; position: relative; padding-top: 59rpx; }
    6. 

  6. .user-img { position: absolute; top: -64rpx; left: 50%; margin-left: -59rpx; border-radius: 118rpx; border: 1rpx solid #fff; width: 118rpx; height: 118rpx; }
    7. 

  7. .goods { padding: 24rpx; border-top: 1rpx solid #e2e2e2; }
    8. 

  8. .goods wx-image { width: 216rpx; height: 216rpx; margin-right: 20rpx; }
    9. 

  9. .time { height: 42rpx; padding: 0 4rpx; border-radius: 4rpx; background-color: #666; color: #fff; }
    10. 

  10. .progress-box { margin-top: 16rpx; width: 600rpx; height: 28rpx; border-radius: 12rpx; margin-bottom: 16rpx; position: relative; }
    11. 

  11. .progress-box wx-image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
    12. 

  12. .progress-view { height: 24rpx; background-color: #ff9f9f; border-radius: 12rpx; z-index: 10; position: relative; }
    13. 

  13. .progress-img { position: absolute; right: -14rpx; top: -4rpx; width: 30rpx; height: 30rpx; border: 6rpx solid #fff; border-radius: 30rpx; background-color: #ff9f9f; }
    14. 

  14. .buy-btn { width: 328rpx; height: 82rpx; }
    15. 

  15. .share-btn { border: none; border-radius: 0; margin: 0; padding: 0; background-color: none; background: rgba(255, 255, 255, 0); font-size: 0; line-height: normal; }
    16. 

  16. .share-btn:after { content: ''; margin: 0; padding: 0; display: none; }
    17. 

  17. .user-info { margin-top: 40rpx; width: 100%; border-radius: 16rpx; background-color: rgba(255, 255, 255, 0.3); height: auto; color: #fff; padding: 48rpx 40rpx 40rpx 40rpx; }
    18. 

  18. .one-border { width: 160rpx; height: 2rpx; background-color: #fff; }
    19. 

  19. .user-list { padding: 48rpx 0 8rpx 0; font-size: 13pt; }
    20. 

  20. .user-one { margin-bottom: 40rpx; }
    21. 

  21. .item-img { width: 80rpx; height: 80rpx; margin-right: 24rpx; border-radius: 80rpx; }
    22. 

  22. .tip { position: relative; height: 40rpx; padding: 0 20rpx; background-color: #fff; border-radius: 20rpx; color: #ff5c5c; font-size: 9pt; }
    23. 

  23. .modal-body { width: 638rpx; background-color: #fff; position: relative; padding-bottom: 48rpx; border-radius: 0 0 16rpx 16rpx; }
    24. 

  24. .modal-header { width: 100%; height: 200rpx; position: relative; }
    25. 

  25. .header-bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
    26. 

  26. .header-bg-1 { width: 0; height: 0; margin-top: -64rpx; position: relative; z-index: 15; }
    27. 

  27. .x { position: absolute; right: 16rpx; top: 20rpx; width: 50rpx; height: 50rpx; }
    28. 

  28. .x wx-image { width: 100%; height: 100%; }
    29. 

  29. .modal-btn { margin-top: 48rpx; }
    30. 

  30. .modal-btn wx-image { width: 480rpx; height: 88rpx; }
    31. 

  31. .modal-header-2 { position: relative; padding: 24rpx 69rpx; background-color: #fff; border-radius: 16rpx; width: 638rpx; height: 548rpx; }
    32. 

  32. .header-bg-3 { width: 310rpx; height: 240rpx; position: absolute; left: calc(50% - 155rpx); top: calc(50% - 120rpx); z-index: 10; }
    33. 

  33. .back-img { width: 18rpx; height: 18rpx; margin-right: 10rpx; }
    34.