poster.wxss 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. .contentBox{
  2. margin:40rpx auto 0rpx;
  3. padding-bottom: 120rpx;
  4. position: relative;
  5. width: 600rpx;
  6. height:1850rpx;
  7. font-size: 22rpx;
  8. line-height: 1.8;
  9. }
  10. .position{
  11. position: absolute;
  12. }
  13. .headBg{
  14. width: 450rpx;
  15. height: 282rpx;
  16. left: 75rpx;
  17. top: 75rpx;
  18. background: #fcebe8;
  19. transform: rotate(-5deg);
  20. }
  21. .body .nameBg{
  22. top: 335rpx;
  23. left: 400rpx;
  24. width: 120rpx;
  25. height: 40rpx;
  26. }
  27. .body .childName{
  28. top: 335rpx;
  29. left: 400rpx;
  30. width: 120rpx;
  31. height: 40rpx;
  32. line-height: 40rpx;
  33. font-size: 26rpx;
  34. font-weight: 700;
  35. text-align: center;
  36. color: #fff;
  37. }
  38. .body .childPic{
  39. width: 450rpx;
  40. height: 282rpx;
  41. left: 75rpx;
  42. top: 75rpx;
  43. }
  44. .bgImg{
  45. top: 0;
  46. left: 0;
  47. width: 100%;
  48. height: 1730rpx;
  49. }
  50. .btn{
  51. position: fixed;
  52. bottom: 0;
  53. border-radius: 0;
  54. width: 100%;
  55. background: #ee3a43;
  56. color: #fff;
  57. }
  58. .body .content{
  59. top: 390rpx;
  60. left: 75rpx;
  61. width: 450rpx;
  62. text-indent: 35rpx;
  63. display: -webkit-box;
  64. -webkit-box-orient: vertical;
  65. -webkit-line-clamp: 15;
  66. overflow: hidden;
  67. }
  68. .body .appleQrCode{
  69. width: 130rpx;
  70. height: 130rpx;
  71. top: 1514rpx;
  72. left: 100rpx;
  73. background: #fff;
  74. border-radius: 50%;
  75. padding: 10rpx;
  76. }
  77. .body .leaderName{
  78. width: 450rpx;
  79. top: 1010rpx;
  80. right: 75rpx;
  81. text-align: right;
  82. }
  83. .body .activitePic{
  84. width: 450rpx;
  85. height: 282rpx;
  86. left: 75rpx;
  87. top: 1090rpx;
  88. background: #eee;
  89. }
  90. .body .type{
  91. width: 450rpx;
  92. left: 75rpx;
  93. top: 1375rpx;
  94. color: #ee3a43;
  95. overflow: hidden;
  96. text-overflow:ellipsis;
  97. white-space: nowrap;
  98. }
  99. .body .activitePrice{
  100. left: 75rpx;
  101. top: 1414rpx;
  102. }
  103. .body .price{
  104. left: 150rpx;
  105. top: 1414rpx;
  106. color: #ee3a43;
  107. }
  108. .body .saleNum{
  109. right: 75rpx;
  110. top: 1414rpx;
  111. }