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.

198 lines
3.6 KiB

  1. button::after{ border: none; }
  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:25px 0 0;
  13. margin: 24rpx auto 0;
  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. /* overflow: hidden; */
  23. }
  24. .p-status{
  25. font-size:36rpx;
  26. text-align: center;
  27. font-family:PingFang-SC-Medium;
  28. font-weight:500;
  29. color:rgba(119,160,70,1);
  30. line-height: 75rpx;
  31. }
  32. .p-time{
  33. float: right;
  34. font-size:26rpx;
  35. font-family:PingFang-SC-Medium;
  36. font-weight:500;
  37. color:rgba(243,69,58,1);
  38. width: 38rpx;
  39. height: 30rpx;
  40. margin-top: 22rpx;
  41. background:rgba(252,220,221,1);
  42. border-radius:10rpx;
  43. line-height: 30rpx;
  44. text-align: center;
  45. margin: 22rpx 6rpx;
  46. }
  47. .p-mao{
  48. float: right;
  49. font-size:26rpx;
  50. font-family:PingFang-SC-Medium;
  51. font-weight:500;
  52. color:rgba(243,69,58,1);
  53. line-height: 75rpx;
  54. }
  55. .p-text{
  56. float: right;
  57. font-size:26rpx;
  58. font-family:PingFang-SC-Regular;
  59. font-weight:400;
  60. color:rgba(51,51,51,1);
  61. line-height:75rpx;
  62. }
  63. .status-center{
  64. width: 100%;
  65. overflow: hidden;
  66. padding: 20rpx 0;
  67. text-align: center;
  68. }
  69. .tuanzhang{
  70. display: inline-block;
  71. width: 80rpx;
  72. height: 80rpx;
  73. position: relative;
  74. }
  75. .touxiangitems{
  76. margin: 20rpx;
  77. }
  78. .touxiang{
  79. width: 80rpx;
  80. height: 80rpx;
  81. border-radius: 40rpx;
  82. overflow: hidden;
  83. }
  84. .no-touxiang{
  85. width: 80rpx;
  86. height: 80rpx;
  87. overflow: hidden;
  88. background:rgba(252,220,221,1);
  89. border:1rpx solid rgba(243,69,58,1);
  90. border-radius:50%;
  91. box-sizing: border-box;
  92. line-height: 78rpx;
  93. text-align: center;
  94. font-size:32rpx;
  95. font-family:PingFang-SC-Regular;
  96. font-weight:400;
  97. color:rgba(243,69,58,1);
  98. }
  99. .touxiang image{
  100. width: 80rpx;
  101. height: 80rpx;
  102. }
  103. .tuan-icon{
  104. position: absolute;
  105. bottom: 20rpx;
  106. left: 8rpx;
  107. width: 64rpx;
  108. height: 27rpx;
  109. }
  110. .tuan-icon image{
  111. width: 64rpx;
  112. height: 27rpx;
  113. }
  114. .status-bottom{
  115. height: 72rpx;
  116. padding: 0 20rpx;
  117. overflow: hidden;
  118. background:rgba(254,243,232,1);
  119. border-radius:0px 0px 15rpx 15rpx;
  120. }
  121. .position-icon{
  122. width: 38rpx;
  123. float: left;
  124. }
  125. .position-icon image{
  126. width: 27rpx;
  127. height: 37rpx;
  128. margin-top: 17rpx;
  129. }
  130. .position{
  131. font-size:28rpx;
  132. font-family:PingFang-SC-Medium;
  133. font-weight:500;
  134. color:rgba(51,51,51,1);
  135. line-height: 72rpx;
  136. }
  137. .detail{
  138. width: 690rpx;
  139. padding:0 28rpx;
  140. margin: 30rpx auto 0;
  141. box-sizing: border-box;
  142. background:rgba(255,255,255,1);
  143. border-radius:15rpx;
  144. }
  145. .detail-top{
  146. width: 100%;
  147. height: auto;
  148. overflow: hidden;
  149. }
  150. .detail-top01{
  151. float: left;
  152. width: 180rpx;
  153. }
  154. .detail-top01 image{
  155. width: 180rpx;
  156. height: 180rpx;
  157. margin-top: 33rpx;
  158. }
  159. .detail-top02{
  160. width: 208rpx;
  161. float: left;
  162. margin-left: 16rpx;
  163. }
  164. .title{
  165. font-size:30rpx;
  166. font-family:PingFang-SC-Bold;
  167. font-weight:bold;
  168. color:rgba(51,51,51,1);
  169. line-height:44rpx;
  170. margin-top: 30rpx;
  171. }
  172. .des{
  173. font-size:26rpx;
  174. font-family:PingFang-SC-Medium;
  175. font-weight:500;
  176. color:rgba(134,134,134,1);
  177. line-height:40rpx;
  178. }
  179. .detail-top03{
  180. float: left;
  181. }
  182. .button button:nth-of-type(1){
  183. width:520rpx;
  184. height:95rpx;
  185. margin: 30rpx auto 38rpx;
  186. background:linear-gradient(90deg,rgba(248,85,45,1) 0%,rgba(241,60,66,1) 0%,rgba(248,86,46,1) 100%);
  187. border-radius:47rpx;
  188. color: #fff;
  189. }
  190. .button button:nth-of-type(2){
  191. width:520rpx;
  192. height:95rpx;
  193. background:rgba(255,255,255,1);
  194. border:1rpx solid rgba(190,190,190,1);
  195. border-radius:47rpx;
  196. color:#333333;
  197. margin-bottom: 50rpx;
  198. }