C端小程序
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

303 řádky
5.5 KiB

  1. .bargainDetail {
  2. padding: 0 33rpx 0;
  3. }
  4. .listitem .fl {
  5. width: 180rpx;
  6. height: 180rpx;
  7. border-radius:10rpx;
  8. }
  9. .listitem .icon {
  10. width: 140rpx;
  11. height: 116rpx;
  12. position: absolute;
  13. top: 12rpx;
  14. right: 0;
  15. }
  16. .listitem .ri {
  17. margin-left: 26rpx;
  18. width: 305rpx;
  19. }
  20. .ri text {
  21. display: block;
  22. text-align: left;
  23. }
  24. .ri .txt01 {
  25. width: 100%;
  26. color: rgba(51, 51, 51, 1);
  27. line-height: 44rpx;
  28. white-space: nowrap;
  29. text-overflow: ellipsis;
  30. overflow: hidden;
  31. }
  32. .ri .txt02 {
  33. width: 100%;
  34. white-space: nowrap;
  35. text-overflow: ellipsis;
  36. overflow: hidden;
  37. font-size: 24rpx;
  38. color: rgba(140, 140, 140, 1);
  39. }
  40. .ri .txt03 {
  41. width: 100%;
  42. font-size: 24rpx;
  43. text-decoration: line-through;
  44. color: rgba(140, 140, 140, 1);
  45. }
  46. .ri .txt04 {
  47. width: 100%;
  48. font-size: 24rpx;
  49. color: rgba(255, 50, 50, 1);
  50. line-height: 44rpx;
  51. }
  52. .money {
  53. display: inline-block !important;
  54. font-size: 50rpx;
  55. font-weight: 500;
  56. color: rgba(255, 50, 50, 1);
  57. }
  58. .listitem {
  59. position: relative;
  60. padding: 31rpx 0;
  61. }
  62. .progress {
  63. width: 519rpx;
  64. padding: 30rpx 84rpx 50rpx;
  65. /* height: 136rpx; */
  66. background: rgba(255, 245, 240, 1);
  67. border-radius: 10rpx;
  68. margin: 0 auto;
  69. }
  70. .progesstext {
  71. margin-bottom: 13rpx;
  72. }
  73. .progesstext>text {
  74. font-size: 24rpx;
  75. color: rgba(51, 51, 51, 1);
  76. }
  77. .progesstext text text {
  78. color: #FF3535;
  79. }
  80. .time {
  81. margin-top: 20rpx;
  82. font-size: 24rpx;
  83. color: #333;
  84. text-align:center;
  85. }
  86. .time text {
  87. font-size: 30rpx;
  88. color: #fff;
  89. display: inline-block;
  90. width: 40rpx;
  91. text-align: center;
  92. height: 40rpx;
  93. line-height: 40rpx;
  94. background: rgba(51, 51, 51, 1);
  95. border-radius: 10rpx;
  96. }
  97. .head{
  98. width:10%;
  99. height: 90rpx;
  100. position: relative;
  101. }
  102. .head image{
  103. width: 70rpx;
  104. border-radius:10rpx;
  105. }
  106. .head text{
  107. width: 70rpx;
  108. position: absolute;
  109. bottom: 0;
  110. left: 0;
  111. right: 0;
  112. font-size: 20rpx;
  113. background: #ED3F2E;
  114. color: #fff;
  115. text-align: center;
  116. border-radius: 20rpx;
  117. }
  118. .text{
  119. width: 87%;
  120. padding-left: 3%;
  121. display: inline-block;
  122. height: 90rpx;
  123. line-height: 90rpx;
  124. font-size: 26rpx;
  125. }
  126. .text01{
  127. width: 220rpx;
  128. margin-right: 6rpx;
  129. overflow: hidden;
  130. }
  131. .text01 text{
  132. width: 100rpx;
  133. float: left;
  134. height: 90rpx;
  135. line-height: 90rpx;
  136. white-space: nowrap;
  137. text-overflow: ellipsis;
  138. overflow: hidden;
  139. }
  140. .text02{
  141. display: inline-block;
  142. width: 140rpx;
  143. overflow: hidden;
  144. }
  145. .text03{
  146. width: 212rpx;
  147. overflow: hidden;
  148. text-align: right;
  149. font-size:24rpx;
  150. }
  151. .person{
  152. border-bottom: 1px solid #F9F9F9;
  153. padding-bottom: 31rpx;
  154. padding-top: 31rpx;
  155. }
  156. .text02 text:nth-of-type(2){
  157. width: 80rpx;
  158. overflow: hidden;
  159. color: #FF3535;
  160. white-space: nowrap;
  161. text-overflow: ellipsis;
  162. text-align: left;
  163. }
  164. .people{
  165. margin-top: 20rpx;
  166. padding-bottom: 130rpx;
  167. }
  168. .btns{
  169. padding:33rpx;
  170. position: fixed;
  171. left: 0;
  172. right: 0;
  173. bottom: 0;
  174. z-index: 100;
  175. background: #fff;
  176. }
  177. .btns > view,.btns > button{
  178. width: 330rpx;
  179. height: 95rpx;
  180. border-radius:48rpx;
  181. text-align: center;
  182. }
  183. .btns .fl{
  184. color: #fff;
  185. background:rgba(255,169,2,1);
  186. box-shadow:0px 8px 8px 1px rgba(255,169,2,0.32);
  187. }
  188. .btns .fl text{
  189. display: block;
  190. font-size: 30rpx;
  191. line-height: 34rpx;
  192. }
  193. .btns .fl text:nth-of-type(1){
  194. margin-top: 12rpx;
  195. }
  196. .btns .fr{
  197. font-size: 30rpx;
  198. color: #fff;
  199. line-height: 95rpx;
  200. background:linear-gradient(90deg,rgba(236,59,45,1) 0%,rgba(248,98,52,1) 100%);
  201. box-shadow:0px 8px 8px 1px rgba(246,93,51,0.32);
  202. }
  203. .helpDiscount{
  204. display: block;
  205. width: 200rpx;
  206. height: 200rpx;
  207. border-radius:50%;
  208. font-size: 26rpx;
  209. text-align: center;
  210. line-height: 200rpx;
  211. margin-top: 30rpx;
  212. background: linear-gradient(90deg,rgba(236,59,45,1) 0%,rgba(248,98,52,1) 100%);
  213. box-shadow: 0px 8px 8px 1px rgba(246,93,51,0.32);
  214. color: #fff!important;
  215. }
  216. .helpDiscount::after{ border: none; }
  217. .success{
  218. margin-top: 50rpx;
  219. }
  220. .success image{
  221. display: block;
  222. width: 74rpx;
  223. height: 74rpx;
  224. margin: 0 auto;
  225. }
  226. .success text{
  227. display: block;
  228. text-align: center;
  229. font-size:30rpx;
  230. line-height: 30rpx;
  231. color:rgba(51,51,51,1);
  232. }
  233. .btns01{
  234. position: fixed;
  235. left: 0;
  236. right: 0;
  237. bottom: 0;
  238. background: #fff;
  239. padding: 30rpx 0;
  240. }
  241. .btns01 button{
  242. color: #fff;
  243. color:rgba(254,254,254,1);
  244. width:650rpx;
  245. height:85rpx;
  246. line-height: 85rpx;
  247. background:linear-gradient(90deg,rgba(236,59,45,1) 0%,rgba(248,98,52,1) 100%);
  248. box-shadow:0px 8px 8px 1px rgba(246,93,51,0.32);
  249. border-radius:43rpx;
  250. }
  251. .fail{
  252. width:687rpx;
  253. height:166rpx;
  254. background:rgba(226,226,226,1);
  255. border-radius:10rpx;
  256. font-size:30rpx;
  257. text-align: center;
  258. line-height: 166rpx;
  259. color:rgba(51,51,51,1);
  260. margin: 20rpx auto 0;
  261. }
  262. .status{
  263. width: 520rpx;
  264. margin: 40rpx auto 0;
  265. }
  266. .status button{
  267. display: block;
  268. width: 520rpx;
  269. height: 95rpx;
  270. line-height: 95rpx;
  271. text-align: center;
  272. border: none;
  273. }
  274. .status button::after{ border: none; }
  275. .status button:nth-of-type(1){
  276. background:linear-gradient(90deg,rgba(236,59,45,1) 0%,rgba(248,98,52,1) 100%);
  277. border:1px solid rgba(236,59,45,1);
  278. border-radius:48rpx;
  279. margin-bottom: 38rpx;
  280. color: #fff;
  281. }
  282. .status button:nth-of-type(2){
  283. background:#fff;
  284. border:1px solid rgba(190,190,190,1);
  285. border-radius:48rpx;
  286. color: #333;
  287. }