C端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

182 lines
3.2 KiB

  1. /* pages/spellDetail/index.wxss */
  2. page {
  3. height: auto;
  4. overflow: auto;
  5. background: #f89132;
  6. background-image: url('https://s3.cn-northwest-1.amazonaws.com.cn/iformall-net/cimg/spelldetail-bg.png');
  7. background-size: cover;
  8. background-repeat: no-repeat;
  9. }
  10. .status{
  11. width: 690rpx;
  12. padding:0 28rpx;
  13. margin: 0 auto;
  14. box-sizing: border-box;
  15. background:rgba(255,255,255,1);
  16. border-radius:15rpx;
  17. }
  18. .status-top{
  19. width: 100%;
  20. height: 75rpx;
  21. box-sizing: border-box;
  22. border-bottom: 1rpx solid #F9F9F9;
  23. /* overflow: hidden; */
  24. }
  25. .p-status{
  26. float: left;
  27. width: 260rpx;
  28. font-size:32rpx;
  29. font-family:PingFang-SC-Bold;
  30. font-weight:bold;
  31. color:rgba(243,69,58,1);
  32. line-height: 75rpx;
  33. }
  34. .p-time{
  35. float: right;
  36. font-size:26rpx;
  37. font-family:PingFang-SC-Medium;
  38. font-weight:500;
  39. color:rgba(243,69,58,1);
  40. width: 38rpx;
  41. height: 30rpx;
  42. margin-top: 22rpx;
  43. background:rgba(252,220,221,1);
  44. border-radius:10rpx;
  45. line-height: 30rpx;
  46. text-align: center;
  47. margin: 22rpx 6rpx;
  48. }
  49. .p-mao{
  50. float: right;
  51. font-size:26rpx;
  52. font-family:PingFang-SC-Medium;
  53. font-weight:500;
  54. color:rgba(243,69,58,1);
  55. line-height: 75rpx;
  56. }
  57. .p-text{
  58. float: right;
  59. font-size:26rpx;
  60. font-family:PingFang-SC-Regular;
  61. font-weight:400;
  62. color:rgba(51,51,51,1);
  63. line-height:75rpx;
  64. }
  65. .status-center{
  66. width: 100%;
  67. overflow: hidden;
  68. padding: 20rpx 0;
  69. text-align: center;
  70. border-bottom: 1rpx solid #F9F9F9;
  71. }
  72. .tuanzhang{
  73. display: inline-block;
  74. width: 80rpx;
  75. height: 80rpx;
  76. position: relative;
  77. }
  78. .touxiangitems{
  79. margin: 20rpx;
  80. }
  81. .touxiang{
  82. width: 80rpx;
  83. height: 80rpx;
  84. border-radius: 40rpx;
  85. overflow: hidden;
  86. }
  87. .no-touxiang{
  88. width: 80rpx;
  89. height: 80rpx;
  90. overflow: hidden;
  91. background:rgba(252,220,221,1);
  92. border:1rpx solid rgba(243,69,58,1);
  93. border-radius:50%;
  94. box-sizing: border-box;
  95. line-height: 78rpx;
  96. text-align: center;
  97. font-size:32rpx;
  98. font-family:PingFang-SC-Regular;
  99. font-weight:400;
  100. color:rgba(243,69,58,1);
  101. }
  102. .touxiang image{
  103. width: 80rpx;
  104. height: 80rpx;
  105. }
  106. .tuan-icon{
  107. position: absolute;
  108. bottom: 20rpx;
  109. left: 8rpx;
  110. width: 64rpx;
  111. height: 27rpx;
  112. }
  113. .tuan-icon image{
  114. width: 64rpx;
  115. height: 27rpx;
  116. }
  117. .status-bottom{
  118. width: 100%;
  119. height: 72rpx;
  120. overflow: hidden;
  121. }
  122. .position-icon{
  123. width: 38rpx;
  124. float: left;
  125. }
  126. .position-icon image{
  127. width: 27rpx;
  128. height: 37rpx;
  129. margin-top: 17rpx;
  130. }
  131. .position{
  132. font-size:28rpx;
  133. font-family:PingFang-SC-Medium;
  134. font-weight:500;
  135. color:rgba(51,51,51,1);
  136. line-height: 72rpx;
  137. }
  138. .detail{
  139. width: 690rpx;
  140. padding:0 28rpx;
  141. margin: 30rpx auto 0;
  142. box-sizing: border-box;
  143. background:rgba(255,255,255,1);
  144. border-radius:15rpx;
  145. }
  146. .detail-top{
  147. width: 100%;
  148. height: auto;
  149. overflow: hidden;
  150. }
  151. .detail-top01{
  152. float: left;
  153. width: 180rpx;
  154. }
  155. .detail-top01 image{
  156. width: 180rpx;
  157. height: 180rpx;
  158. margin-top: 33rpx;
  159. }
  160. .detail-top02{
  161. width: 208rpx;
  162. float: left;
  163. margin-left: 16rpx;
  164. }
  165. .title{
  166. font-size:30rpx;
  167. font-family:PingFang-SC-Bold;
  168. font-weight:bold;
  169. color:rgba(51,51,51,1);
  170. line-height:44rpx;
  171. margin-top: 30rpx;
  172. }
  173. .des{
  174. font-size:26rpx;
  175. font-family:PingFang-SC-Medium;
  176. font-weight:500;
  177. color:rgba(134,134,134,1);
  178. line-height:40rpx;
  179. }
  180. .detail-top03{
  181. float: left;
  182. }