Home Explore Help
Register Sign In
xionghaojie
/
H5_module
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 6aef359773
Branches Tags
H5_module
/
match
/
activityDetail
/
activityDetail.css

activityDetail.css 4.3 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566 
  1. /* activityDetail.css */
    2. 

  2. .banner{overflow: hidden;position: relative;}
    3. 

  3. .banner .swiper,.banner .swiper image{width: 100%;height: 460rpx;overflow: hidden;}
    4. 

  4. .dots{position: absolute;left: 0;right: 0;bottom: 20rpx;align-items: center;justify-content: center;}
    5. 

  5. .dot{background: rgba(0,0,0,.5);width: 12rpx;height: 12rpx;border-radius: 6rpx;margin: 0 4rpx;}
    6. 

  6. .dot.active{background: #fff;}
    7. 

  7. .act-img{width: 100%;height: 460rpx;}
    8. 

  8. .title{font-size: 40rpx;color: #000;line-height: 50rpx;margin: 45rpx 32rpx 10rpx;font-weight: bold;}
    9. 

  9. .xq-datas{margin: 20rpx 32rpx 0;border-bottom: 1rpx solid #ddd;padding-bottom: 20rpx;}
    10. 

  10. .xq-data image{margin-right: 8rpx;}
    11. 

  11. .datas{font-size: 24rpx;color: #999;margin-right: 25rpx;}
    12. 

  12. .tuibao{font-size: 24rpx;color: #F09F46;}
    13. 

  13. .tuibao view{margin-left: 30rpx;}
    14. 

  14. .tuibao image{width: 27rpx;height: 27rpx;margin-right: 5rpx;}
    15. 

  15. .money{font-size: 42rpx;color: #FD4835;margin: 20rpx 32rpx;font-weight: bold;}
    16. 

  16. .money text{font-size: 24rpx;}
    17. 

  17. .date{position: relative;padding-bottom: 45rpx;border-bottom: 20rpx solid #f6f6f6;}
    18. 

  18. .datass{font-size: 28rpx;color: #333;padding: 10rpx 32rpx;}
    19. 

  19. .date .datass .ddflex{margin-bottom: 10rpx;}
    20. 

  20. .dimg{width: 30rpx;height: 34rpx;margin-right: 18rpx;}
    21. 

  21. .rico{width: 14rpx;height: 23rpx;margin-left: 20rpx;}
    22. 

  22. .sign-user{margin: 10rpx 32rpx 0;}
    23. 

  23. .sign-user-swiper{height: 57rpx;width: 255rpx;margin-left: 48rpx;}
    24. 

  24. .sign-user image{width: 53rpx;height: 53rpx;border: 2rpx solid #fff;border-radius: 50%;margin-left: -10rpx;}
    25. 

  25. .sign-user-swiper swiper-item{padding-left: 10rpx;}
    26. 

  26. .sta-img{width: 134rpx;height: 117rpx;position: absolute;right: 44rpx;bottom: 42rpx;}
    27. 

  27. .act-sta{font-size: 28rpx;color: #ddd;margin: 20rpx 32rpx 0;}
    28. 

  28. .zhubanf{padding: 20rpx 30rpx;border-bottom: 20rpx solid #f6f6f6;}
    29. 

  29. .zbf-logo{width: 100rpx;height: 100rpx;border-radius: 16rpx;margin-right: 24rpx;}
    30. 

  30. .zbf-name{font-size: 34rpx;color: #333;font-weight: bold;}
    31. 

  31. .zbf-tag{height: 31rpx;background: linear-gradient(270deg, #0A0A0A 0%, #393738 100%);border-radius: 3rpx;font-size: 22rpx;color: #FBCCA2;padding: 0 10rpx;font-weight: bold;margin-left: 10rpx;}
    32. 

  32. .zbf-bri{font-size: 24rpx;color: #999;margin-top: 10rpx;}
    33. 

  33. .zbf-bri>rich-text {
    34. 

  34.     display: -webkit-box;
    35. 

  35.     -webkit-box-orient: vertical;
    36. 

  36. 	-webkit-line-clamp: 1;
    37. 

  37.     overflow: hidden;
    38. 

  38.     line-height: 30rpx;
    39. 

  39.     max-height: 30rpx;
    40. 

  40. }
    41. 

  41. .tit{font-size: 30rpx;color: #333;font-weight: bold;padding: 30rpx;justify-content: space-between;border-bottom: 1rpx solid #DEDEDE;}
    42. 

  42. .content{font-size: 28rpx;color: #999;line-height: 44rpx;padding: 50rpx 30rpx 30rpx;}
    43. 

  43. 

  44. .bot{align-items: center;padding: 10rpx 30rpx 10rpx 0;box-shadow: 0rpx 0rpx 15rpx 1rpx rgba(0,0,0,0.1);justify-content: space-between;}
    45. 

  45. .btnfot{flex: .4;display: flex;justify-content: space-around;}
    46. 

  46. .btns{flex: .5;}
    47. 

  47. .botbtn{font-size: 20rpx;color: #333;width: 85rpx !important;text-align: center;position: relative;margin: 0;background: none;border-radius: 0;padding: 0;line-height: initial;}
    48. 

  48. .botbtn image{width: 42rpx;height: 42rpx;margin: 10rpx auto 5rpx;}
    49. 

  49. .btn{width: 370rpx;height: 70rpx;background: var(--btn);border-radius: 35px;font-size: 36rpx;color: #fff;text-align: center;line-height: 70rpx;}
    50. 

  50. .btn.end{background: #999;}
    51. 

  51. 

  52. .ceng{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);z-index: 99;}
    53. 

  53. .popup{position: fixed;left: 0;right: 0;bottom: 0;border-radius: 15rpx 15rpx 0 0;background: #fff;padding: 65rpx 32rpx 50rpx;z-index: 100;}
    54. 

  54. .p-title{font-size: 32rpx;color: #333;font-weight: bold;}
    55. 

  55. .p-bri{font-size: 28rpx;color: #999;margin-top: 15rpx;}
    56. 

  56. .p-money{margin-left: 0;}
    57. 

  57. .pop-tit{font-size: 28rpx;color: #000;font-weight: bold;}
    58. 

  58. .pop-con{height: 320rpx;margin-top: 50rpx;}
    59. 

  59. .p-list{flex-wrap: wrap;align-items: flex-start;}
    60. 

  60. .p-list .li{background: #f5f5f5;border: 1rpx solid #e5e5e5;font-size: 28rpx;color: #666;height: 50rpx;line-height: 50rpx;border-radius: 25rpx;margin: 0 20rpx 20rpx 0;padding: 0 30rpx;}
    61. 

  61. .p-list .li.active{border-color: var(--mina);color: var(--mina);background: var(--textbg);}
    62. 

  62. .pop-btn{height: 70rpx;background: var(--btn);border-radius: 35px;font-size: 36rpx;color: #fff;text-align: center;line-height: 70rpx;}
    63. 

  63. .close{position: absolute;top: 30rpx;right: 30rpx;width: 34rpx;height: 34rpx;}
    64. 

  64. 

  65. .share-pop{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.6);z-index: 100;}
    66. 

  66. .share-pop image{width: 575rpx;height: 359rpx;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
    67.