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.

355 lines
6.3 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. overflow: hidden;
  151. height: 76rpx;
  152. line-height: 76rpx;
  153. }
  154. .text01 text{
  155. width: 100rpx;
  156. float: left;
  157. height: 90rpx;
  158. line-height: 90rpx;
  159. white-space: nowrap;
  160. text-overflow: ellipsis;
  161. overflow: hidden;
  162. }
  163. .text02{
  164. display: inline-block;
  165. width: 220rpx;
  166. overflow: hidden;
  167. }
  168. .text03{
  169. width: 240rpx;
  170. text-align: right;
  171. font-size:24rpx;
  172. height: 76rpx;
  173. line-height: 76rpx;
  174. overflow: hidden;
  175. }
  176. .person{
  177. border-bottom: 1px solid #F9F9F9;
  178. padding-bottom: 31rpx;
  179. padding-top: 31rpx;
  180. }
  181. .text02 text:nth-of-type(2){
  182. width: 80rpx;
  183. overflow: hidden;
  184. color: #FF3535;
  185. white-space: nowrap;
  186. text-overflow: ellipsis;
  187. text-align: left;
  188. }
  189. .people{
  190. border-radius:16rpx;
  191. background: rgba(255, 245, 240, 1);
  192. margin-top: 20rpx;
  193. padding:0 10rpx;
  194. margin-bottom: 130rpx;
  195. }
  196. .btns{
  197. padding:33rpx;
  198. position: fixed;
  199. left: 0;
  200. right: 0;
  201. bottom: 0;
  202. z-index: 100;
  203. background: #fff;
  204. }
  205. .btns > view,.btns > button{
  206. width: 330rpx;
  207. height: 95rpx;
  208. border-radius:48rpx;
  209. text-align: center;
  210. }
  211. .btns .fl{
  212. width: 250rpx;
  213. color: #fff;
  214. background:rgba(255,169,2,1);
  215. box-shadow:0px 8px 8px 1px rgba(255,169,2,0.32);
  216. margin-left: 22rpx;
  217. }
  218. .goback{
  219. position: relative;
  220. float: left;
  221. width:122rpx!important;
  222. height:95rpx;
  223. background:rgba(255,255,255,1);
  224. line-height: 95rpx;
  225. border:1rpx solid rgba(227,227,227,1);
  226. box-shadow:0px 8px 8px 1px rgba(189,189,189,0.32);
  227. border-radius:48rpx;
  228. }
  229. .goback image{
  230. position: absolute;
  231. width: 60rpx;
  232. left: 0;
  233. right: 0;
  234. top: 0;
  235. bottom: 0;
  236. margin: auto;
  237. }
  238. .btns .fl text{
  239. display: block;
  240. font-size: 30rpx;
  241. line-height: 34rpx;
  242. }
  243. .btns .fl text:nth-of-type(1){
  244. margin-top: 12rpx;
  245. }
  246. .btns .fr{
  247. font-size: 30rpx;
  248. color: #fff;
  249. line-height: 95rpx;
  250. width: 271rpx;
  251. background:linear-gradient(90deg,rgba(236,59,45,1) 0%,rgba(248,98,52,1) 100%);
  252. box-shadow:0px 8px 8px 1px rgba(246,93,51,0.32);
  253. }
  254. .helpDiscount{
  255. display: block;
  256. width: 200rpx;
  257. height: 200rpx;
  258. border-radius:50%;
  259. font-size: 26rpx;
  260. text-align: center;
  261. line-height: 200rpx;
  262. margin: 30rpx auto 0;
  263. color: #fff!important;
  264. }
  265. .helpDiscount image{
  266. display: block;
  267. width: 200rpx;
  268. height: 200rpx;
  269. }
  270. .helpDiscount::after{ border: none; }
  271. .success{
  272. margin-top: 50rpx;
  273. }
  274. .success image{
  275. display: block;
  276. width: 74rpx;
  277. height: 74rpx;
  278. margin: 0 auto;
  279. }
  280. .success text{
  281. display: block;
  282. text-align: center;
  283. font-size:30rpx;
  284. line-height: 30rpx;
  285. color:rgba(51,51,51,1);
  286. }
  287. .btns01{
  288. position: fixed;
  289. left: 0;
  290. right: 0;
  291. bottom: 0;
  292. background: #fff;
  293. padding: 30rpx 0;
  294. }
  295. .btns01 button{
  296. color:rgba(254,254,254,1);
  297. width:650rpx;
  298. height:85rpx;
  299. line-height: 85rpx;
  300. background:linear-gradient(90deg,rgba(236,59,45,1) 0%,rgba(248,98,52,1) 100%);
  301. box-shadow:0px 8px 8px 1px rgba(246,93,51,0.32);
  302. border-radius:43rpx;
  303. }
  304. .fail{
  305. width:687rpx;
  306. height:166rpx;
  307. background:rgba(226,226,226,1);
  308. border-radius:10rpx;
  309. font-size:30rpx;
  310. text-align: center;
  311. line-height: 166rpx;
  312. color:rgba(51,51,51,1);
  313. margin: 20rpx auto 0;
  314. }
  315. .status{
  316. width: 520rpx;
  317. margin: 40rpx auto 0;
  318. }
  319. .status button{
  320. display: block;
  321. width: 520rpx;
  322. height: 95rpx;
  323. line-height: 95rpx;
  324. text-align: center;
  325. border: none;
  326. }
  327. button::after{ border: none; }
  328. .status button:nth-of-type(1){
  329. background:linear-gradient(90deg,rgba(236,59,45,1) 0%,rgba(248,98,52,1) 100%);
  330. border:1px solid rgba(236,59,45,1);
  331. border-radius:48rpx;
  332. margin-bottom: 38rpx;
  333. color: #fff;
  334. }
  335. .status button:nth-of-type(2){
  336. background:#fff;
  337. border:1px solid rgba(190,190,190,1);
  338. border-radius:48rpx;
  339. color: #333;
  340. }