posterTask.wxss 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. .modal-label{
  2. /* color: #999; */
  3. }
  4. .modal-label .step{
  5. line-height: 1.5;
  6. }
  7. .ins-img image{
  8. width: 30%;
  9. display: block;
  10. margin: auto;
  11. }
  12. .ins-img .tip{
  13. text-align: center;
  14. }
  15. .modu-pad{
  16. padding: 20rpx;
  17. padding-bottom: 120rpx;
  18. }
  19. .act_list-pad{
  20. padding: 20rpx;
  21. }
  22. .pad-bo{
  23. height: 150rpx;
  24. }
  25. .act-list{
  26. display: flex;
  27. align-items: center;
  28. padding-bottom: 40rpx;
  29. }
  30. .act-list .act-headImg{
  31. width: 200rpx;
  32. height: 120rpx;
  33. background: #cccccc;
  34. border-radius: 20rpx;
  35. margin-right: 20rpx;
  36. }
  37. .act-list .act-info{
  38. flex: 1;
  39. display: flex;
  40. flex-direction: column;
  41. justify-content: space-between;
  42. }
  43. .act-list .act-info .act-title{
  44. overflow:hidden;
  45. text-overflow:ellipsis;
  46. display:-webkit-box;
  47. -webkit-box-orient:vertical;
  48. -webkit-line-clamp:2;
  49. font-size: 24rpx;
  50. }
  51. .act-list .act-info .act-btn{
  52. margin-top: 10rpx;
  53. }
  54. .act-list .act-info .act-btn button{
  55. float: right;
  56. font-size: 22rpx;
  57. }
  58. .bottom-btn{
  59. position: fixed;
  60. width: calc(100% - 40rpx);
  61. bottom: 0;
  62. padding: 20rpx;
  63. }