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.

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