index.css 991 B

1234567891011121314151617181920212223242526272829
  1. /* components/product-activity/index.wxss */
  2. .popup{position: fixed;z-index: 100;left: 0;right: 0;bottom: 0;background: #fff;border-radius: 20rpx 20rpx 0 0;padding: 35rpx 30rpx 50rpx;}
  3. .close{position: absolute;top: 30rpx;right: 30rpx;}
  4. .close .image{width: 42rpx;height: 42rpx;}
  5. .top{font-size: 32rpx;color: #222222; text-align: center;font-weight: bold;}
  6. .cont{padding: 42rpx 30rpx 0 30rpx;}
  7. .promotion{font-size: 30rpx; color: #999999;}
  8. .discount{align-items: center;margin: 40rpx 0 0 0;justify-content: space-between;}
  9. .discount .duo{display: block;background: #FDF5F3;padding: 0 13rpx;height: 40rpx;line-height: 40rpx;font-size: 24rpx;color: #FF5F08;margin: 0 20rpx 0 0;white-space: nowrap;}
  10. .discount .intensity{font-size: 26rpx;}
  11. .ricoimg{width: 15rpx;height: 20rpx;}
  12. .mask {
  13. position: fixed;
  14. z-index: 99;
  15. top: 0;
  16. left: 0;
  17. right: 0;
  18. bottom: 0;
  19. background: rgba(0, 0, 0, .5);
  20. }
  21. .dflex {
  22. display: flex;
  23. display: -webkit-flex;
  24. }
  25. .flex {
  26. flex: 1;
  27. -webkit-flex: 1;
  28. }