C端小程序
No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.

203 líneas
3.7 KiB

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