index.wxss 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197
  1. /* pages/reward_detail/index.wxss */
  2. .container {
  3. padding: 0;
  4. }
  5. .reward_detail_bg {
  6. height: 440rpx;
  7. }
  8. .reward_detail_bg_img {
  9. width: 100%;
  10. height: 440rpx;
  11. }
  12. .reward_detail_info {
  13. padding: 0 30rpx 10rpx 30rpx;
  14. background: #fff;
  15. }
  16. .reward_detail_info_item{
  17. border-bottom: 2rpx solid #efefef;
  18. padding: 30rpx 0;
  19. }
  20. .reward_detail_info_item:last-child{
  21. border-bottom:none;
  22. padding-bottom: 0;
  23. }
  24. .reward_detail_info_title {
  25. line-height: 50rpx;
  26. font-size: 36rpx;
  27. font-weight: bolder;
  28. }
  29. .reward_detail_info_sub_title{
  30. margin-top: 10rpx;
  31. }
  32. .iconfont {
  33. color: #999;
  34. }
  35. .icon-like,.icon-view {
  36. position: relative;
  37. top: 0;
  38. left: 0;
  39. float: right;
  40. font-size: 50rpx;
  41. display: flex;
  42. flex-direction: column;
  43. }
  44. .icon-view{
  45. font-size: 32rpx;
  46. flex-direction: row;
  47. }
  48. .like-num {
  49. font-size: 20rpx;
  50. font-weight: normal;
  51. position: absolute;
  52. top: 40rpx;
  53. left: 8rpx;
  54. }
  55. .icon-like_active{
  56. color: #e02f2f;
  57. }
  58. .view-num{
  59. font-size: 24rpx;
  60. float: right;
  61. margin-left: 10rpx;
  62. }
  63. .reward_detail_info_subTxt {
  64. line-height: 50rpx;
  65. margin-bottom: 20rpx;
  66. }
  67. .flex-con{
  68. display: flex;
  69. }
  70. .icon-time, .icon-piaowu {
  71. font-size: 40rpx;
  72. vertical-align: middle;
  73. }
  74. .reward_detail_info_subTxt_title {
  75. vertical-align: middle;
  76. margin-left: 10rpx;
  77. }
  78. .reward_detail_info_subTxt_txt {
  79. vertical-align: middle;
  80. color: #999;
  81. }
  82. .weui-cell {
  83. padding: 20rpx 0;
  84. border-bottom: 2rpx #ddd solid;
  85. }
  86. .weui-media-box__hd_avatar {
  87. width: 80rpx;
  88. height: 80rpx;
  89. padding-right: 20rpx;
  90. padding-top: 10rpx;
  91. }
  92. .cg_detail {
  93. text-align: justify;
  94. word-break: break-all;
  95. box-sizing: border-box;
  96. }
  97. .shensuo {
  98. text-align: center;
  99. font-size: 28rpx;
  100. }
  101. .shensuo .iconfont {
  102. }
  103. .fdkk-cells {
  104. background: #fff;
  105. margin: 20rpx 0;
  106. padding: 0 30rpx 20rpx;
  107. }
  108. .sub_bar_title {
  109. font-size: 32rpx;
  110. color: #E02F2F;
  111. }
  112. .no-border {
  113. border: none;
  114. }
  115. .artist_avatar {
  116. display: flex;
  117. flex-wrap: wrap;
  118. justify-content:space-between;
  119. }
  120. .artist_avatar_item {
  121. display: flex;
  122. flex-direction: column;
  123. padding: 30rpx 40rpx 0;
  124. }
  125. .artist_avatar_img {
  126. min-width: 140rpx;
  127. width: 140rpx;
  128. height: 140rpx;
  129. border-radius: 70rpx;
  130. }
  131. .fix-padding{
  132. padding-bottom: 20rpx;
  133. }
  134. .tour_map{
  135. margin-top: 20rpx;
  136. position: relative;
  137. left: 0;
  138. top: 0;
  139. }
  140. .icon_quanping{
  141. z-index: 30;
  142. width: 60rpx;
  143. height: 60rpx;
  144. position: absolute;
  145. bottom: 20rpx;
  146. right: 40rpx;
  147. }
  148. .tour_info{
  149. padding: 10rpx 30rpx;
  150. }
  151. .tour_info_txt{
  152. color: #999;
  153. }
  154. .btn-primary{
  155. font-size: 28rpx;
  156. font-weight: normal;
  157. float: right;
  158. }
  159. .reward_detail_body{
  160. height: 280rpx;
  161. overflow: hidden;
  162. }
  163. .reward_detail_body_active{
  164. height: auto;
  165. }
  166. .weui-cell__ft_in-access_active:after{
  167. top:20rpx;
  168. }