page.css 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. /* activity.css */
  2. page{background: #f5f5f5;}
  3. .top-fixed{
  4. position: fixed;
  5. top: 0;
  6. right: 0;
  7. left: 0;
  8. background-color: #fff;
  9. z-index: 101;
  10. }
  11. .search-box{
  12. padding: 30rpx;
  13. background-color: #fff;
  14. }
  15. .search-text{
  16. color: #999999;
  17. }
  18. .search-input{
  19. height: 76rpx;
  20. line-height: 76rpx;;
  21. background: #F5F5F5;
  22. border-radius: 38rpx;
  23. padding: 0 26rpx;
  24. font-size: 24rpx;
  25. }
  26. .search-input input{
  27. font-size: 24rpx;
  28. }
  29. .search-input image{
  30. width: 34rpx;
  31. height: 34rpx;
  32. margin-right: 26rpx;
  33. }
  34. .search-all{
  35. color: #2a82fd;
  36. font-size: 30rpx;
  37. margin-left: 46rpx;
  38. }
  39. .act-list{padding: 0 30rpx;}
  40. .act-list .li{padding: 0rpx 0 35rpx;background-color: #fff;margin: 30rpx 0;border-radius: 10rpx;}
  41. .act-list .li:last-child{border-bottom: none;}
  42. .imgbox{height: 394rpx;border-radius: 10rpx;overflow: hidden;position: relative;}
  43. .imgbox image{width: 100%;height: 100%;border-radius: 10rpx 10rpx 0 0;}
  44. .infos{padding: 30rpx 22rpx 0;}
  45. .tag{display: block;height: 30rpx;border-radius: 6rpx 15rpx 15rpx 0;font-size: 20rpx;color: #fff;padding: 0 15rpx;position: absolute;top: 0;left: 0;background: #31a8fa;line-height: 30rpx;}
  46. .stas{align-items: flex-end;}
  47. .tag-box{font-size: 24rpx;color: #717580;line-height: 33rpx;}
  48. .tag-box text{margin-right: 15rpx;}
  49. .act-tit{font-size: 30rpx;color: #333333;line-height: 42rpx;font-weight: bold;}
  50. .area{font-size: 24rpx;color: #999;margin-top: 20rpx;line-height: 33rpx;}
  51. .area text{margin-right: 10rpx;}
  52. .money{font-size: 30rpx;color: var(--main);}
  53. .money text{font-size: 18rpx;}
  54. .act-btn{padding:0 20rpx !important; height: 64rpx !important;background: #27D699;border-radius: 32rpx !important;font-size: 28rpx;color: #fff;text-align: center;line-height: 64rpx;margin-bottom: 15rpx;margin-left: 30rpx;}
  55. .act-btn.end{background: #e3e3e3;color: #999;}
  56. .mede{position: fixed;left: 50%;transform: translateX(-50%);bottom: 30rpx;width: 328rpx;height: 80rpx;background: var(--btn);border-radius: 40rpx;font-size: 30rpx;color: #fff;text-align: center;line-height: 80rpx;}