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.

646 lines
9.7 KiB

  1. @import "../../../app.wxss";
  2. page {
  3. background: #fff;
  4. }
  5. button::after{ border: none; }
  6. .coupons {
  7. width: 100%;
  8. position: relative;
  9. overflow: hidden;
  10. padding-bottom: 170rpx;
  11. }
  12. .banner {
  13. position: relative;
  14. width: 750rpx;
  15. height: 534.5rpx;
  16. }
  17. .banner image {
  18. width: 100%;
  19. height: 100%;
  20. }
  21. .refound{
  22. border:1rpx solid red;
  23. padding:3rpx 0;
  24. display:block;
  25. width:130rpx;
  26. text-align:center;
  27. margin-left: 14rpx;
  28. }
  29. .coupons_info {
  30. width: 92%;
  31. padding: 0 4%;
  32. background: #fff;
  33. border-top-left-radius: 20rpx;
  34. border-top-right-radius: 20rpx;
  35. margin-top: -25rpx;
  36. }
  37. .fenxiang {
  38. position: absolute;
  39. right: 28rpx;
  40. top: 27rpx;
  41. width: 108rpx;
  42. }
  43. .fenxiang image {
  44. width: 108rpx;
  45. position: absolute;
  46. top: 0;
  47. right: 0;
  48. }
  49. .user-motto {
  50. width: 118rpx;
  51. border: 0;
  52. background: none;
  53. height: 60rpx;
  54. color: #fff;
  55. }
  56. .user-motto::after {
  57. border: none;
  58. }
  59. .title {
  60. display: block;
  61. font-size: 32rpx;
  62. color: #000;
  63. letter-spacing: 1.09rpx;
  64. line-height: 45rpx;
  65. width: 542rpx;
  66. overflow: hidden;
  67. white-space: nowrap;
  68. text-overflow: ellipsis;
  69. padding-top: 30rpx;
  70. }
  71. .subTitle {
  72. display: block;
  73. width: 588rpx;
  74. /* height: 37rpx; */
  75. font-size: 26rpx;
  76. color: #999;
  77. letter-spacing: 1.16rpx;
  78. overflow: hidden;
  79. white-space: nowrap;
  80. text-overflow: ellipsis;
  81. padding: 6rpx 0;
  82. }
  83. .rest {
  84. font-size: 24rpx;
  85. color: #919191;
  86. letter-spacing: 0;
  87. height: 70rpx;
  88. line-height: 70rpx;
  89. /* border-bottom: 1px solid #eee; */
  90. border-bottom: 1px solid #f9f9f9;
  91. }
  92. .restNum {
  93. font-size: 24rpx;
  94. color: #999;
  95. letter-spacing: 1.16rpx;
  96. text-align: right;
  97. }
  98. .time {
  99. font-size: 24rpx;
  100. color: #333;
  101. letter-spacing: 0;
  102. line-height: 33rpx;
  103. display: inline-block;
  104. }
  105. .txt01 {
  106. font-size: 24rpx;
  107. color: #919191;
  108. letter-spacing: 0;
  109. }
  110. .price {
  111. font-size: 24rpx;
  112. color: #999;
  113. letter-spacing: 0;
  114. }
  115. .salePriceStr {
  116. font-size: 24rpx;
  117. color: #999;
  118. letter-spacing: 0;
  119. }
  120. .salePriceStr .pri01 {
  121. font-size: 40rpx;
  122. color: #ff4949;
  123. letter-spacing: 0;
  124. }
  125. .use{
  126. color: #ff4949;
  127. margin-left: 10rpx;
  128. }
  129. .salePriceStr .yuan {
  130. font-size: 24rpx;
  131. color: #ff4949;
  132. letter-spacing: 0;
  133. }
  134. .price text {
  135. font-size: 24rpx;
  136. color: #333;
  137. letter-spacing: 0;
  138. }
  139. .throgh {
  140. text-decoration: line-through;
  141. margin-left: 10rpx;
  142. color: #999!important;
  143. }
  144. .fl {
  145. float: left;
  146. color: red;
  147. }
  148. .fr {
  149. float: right;
  150. }
  151. .posi {
  152. position: relative;
  153. width: 92%;
  154. margin: 0 auto;
  155. }
  156. .posi>view:nth-child(2) {
  157. width: 100%;
  158. display: flex;
  159. justify-content: space-between;
  160. }
  161. .posi>view:nth-child(2) text:nth-child(1) {
  162. font-size: 30rpx;
  163. color: #a9a9a9;
  164. }
  165. .posi>view:nth-child(2) text:nth-child(2) {
  166. font-size: 30rpx;
  167. color: #a9a9a9;
  168. }
  169. .posi_logo {
  170. width: 100%;
  171. display: flex;
  172. padding: 20rpx 0;
  173. background: #fff;
  174. }
  175. .posi_logo view:nth-child(1) {
  176. width: 100rpx;
  177. border-radius: 16rpx;
  178. height: 100rpx;
  179. }
  180. .posi_logo view:nth-child(1) image {
  181. display: block;
  182. width: 100rpx;
  183. height: 100rpx;
  184. border-radius: 16rpx;
  185. border: 1px solid #e5e5e5;
  186. }
  187. .posi_logo view:nth-child(2) {
  188. display: flex;
  189. flex-direction: column;
  190. flex: 8;
  191. padding-left: 30rpx;
  192. }
  193. .posi_logo view:nth-child(2) text:nth-child(1) {
  194. font-size: 32rpx;
  195. color: #333;
  196. letter-spacing: 0;
  197. height:55rpx;
  198. line-height:64rpx;
  199. white-space: nowrap;
  200. text-overflow: ellipsis;
  201. overflow: hidden;
  202. }
  203. .posi_logo view:nth-child(2) text:nth-child(2) {
  204. font-size: 24rpx;
  205. color: #b8b8b8;
  206. padding-top: 3rpx;
  207. width: 450rpx;
  208. height:41rpx;
  209. line-height:40rpx;
  210. white-space: nowrap;
  211. text-overflow: ellipsis;
  212. overflow: hidden;
  213. }
  214. .notes view:nth-child(1) {
  215. height: 87rpx;
  216. line-height: 87rpx;
  217. background: #fff;
  218. border-top: 1px solid #f9f9f9;
  219. }
  220. .notes {
  221. width: 92%;
  222. margin: 0 auto;
  223. }
  224. .active {
  225. opacity: 0.6;
  226. }
  227. .notes view:nth-child(1) text {
  228. color: #333;
  229. letter-spacing: 0;
  230. font-size: 30rpx;
  231. height: 70rpx;
  232. line-height: 70rpx;
  233. }
  234. .notes view:nth-child(2) {
  235. background: #fff;
  236. display: flex;
  237. flex-direction: column;
  238. }
  239. .notes view:nth-child(2)>text {
  240. font-size: 24rpx;
  241. color: #919191;
  242. letter-spacing: 0;
  243. line-height: 42rpx;
  244. }
  245. .buy-view {
  246. background: #fff;
  247. height: 96rpx;
  248. bottom: 0;
  249. left: 0;
  250. right: 0;
  251. padding-bottom: 22rpx;
  252. padding-top: 22rpx;
  253. }
  254. .buy {
  255. position: relative;
  256. background: #00c0ff;
  257. height: 94rpx;
  258. width: 560rpx;
  259. margin: 0 auto 30rpx;
  260. color: #fff;
  261. font-size: 36rpx;
  262. line-height: 94rpx;
  263. border-radius: 61rpx;
  264. }
  265. .goback{
  266. position: relative;
  267. float: left;
  268. width:122rpx!important;
  269. height:95rpx;
  270. background:rgba(255,255,255,1);
  271. line-height: 95rpx;
  272. border:1rpx solid rgba(227,227,227,1);
  273. box-shadow:0px 8px 8px 1px rgba(189,189,189,0.32);
  274. border-radius:48rpx;
  275. margin-left: 25rpx;
  276. }
  277. .goback image{
  278. position: absolute;
  279. width: 60rpx;
  280. left: 0;
  281. right: 0;
  282. top: 0;
  283. bottom: 0;
  284. margin: auto;
  285. }
  286. .tel {
  287. right: 0;
  288. top: 0;
  289. bottom: 0;
  290. margin: auto;
  291. width: 50rpx;
  292. height: 50rpx;
  293. }
  294. .txt {
  295. margin-right: 30rpx;
  296. }
  297. .distance {
  298. border: none;
  299. border-radius: 16rpx;
  300. width: 600rpx;
  301. padding: 16rpx 6rpx 0 0;
  302. }
  303. .distance .txt01 {
  304. display: block;
  305. font-size: 26rpx;
  306. color: #ff4949;
  307. }
  308. .clock {
  309. width: 116rpx !important;
  310. vertical-align: middle;
  311. margin-right: 10rpx;
  312. margin-top: -4rpx;
  313. }
  314. .qiang {
  315. position: inline-block;
  316. width: 60rpx;
  317. height: 40rpx;
  318. line-height: 40rpx;
  319. color: #ff4949;
  320. text-align: center;
  321. font-size: 28rpx;
  322. margin-right: 10rpx;
  323. }
  324. .times {
  325. display: inline-block;
  326. color: #ff4949;
  327. font-weight: bold;
  328. font-size: 26rpx;
  329. text-align: center;
  330. }
  331. .times text {
  332. display: inline-block;
  333. margin: 6rpx;
  334. width: 46rpx;
  335. height: 56rpx;
  336. text-align: center;
  337. font-size: 28rpx;
  338. line-height: 60rpx;
  339. border-radius: 12rpx;
  340. color: #fff;
  341. font-weight: bold;
  342. background: #ff4949;
  343. }
  344. .b1 {
  345. position: fixed;
  346. top: 0px;
  347. bottom: 0px;
  348. left: 0px;
  349. right: 0px;
  350. background: rgba(0, 0, 0, 0.8);
  351. overflow: hidden;
  352. z-index: 10;
  353. }
  354. .con {
  355. position: absolute;
  356. top: 35rpx;
  357. right: 0;
  358. bottom: 0;
  359. left: 0;
  360. margin: auto;
  361. width: 587rpx;
  362. }
  363. .con .image {
  364. display: block;
  365. width: 100%;
  366. }
  367. .img {
  368. margin-top: -50rpx;
  369. }
  370. .question {
  371. display: block;
  372. width: 587rpx;
  373. background: #fff;
  374. border-bottom-left-radius: 22rpx;
  375. border-bottom-right-radius: 22rpx;
  376. overflow: hidden;
  377. }
  378. .ques {
  379. display: block;
  380. width: 511rpx;
  381. margin: 0 auto;
  382. height: 95rpx;
  383. line-height: 95rpx;
  384. font-size: 30rpx;
  385. color: #333;
  386. border-bottom: 1rpx solid #eee;
  387. }
  388. .titles {
  389. width: 511rpx;
  390. display: block;
  391. text-align: center;
  392. height: 50rpx;
  393. margin: 0 auto;
  394. padding-top: 10rpx;
  395. padding-bottom: 20rpx;
  396. font-size: 32rpx;
  397. font-weight: bold;
  398. line-height: 41rpx;
  399. border-bottom: 1rpx solid #eee;
  400. }
  401. .quessss >view:last-child {
  402. border-bottom: 0;
  403. }
  404. .close {
  405. position: relative;
  406. z-index: 10000;
  407. display: block;
  408. width: 70rpx;
  409. }
  410. .ques_gou {
  411. position: absolute;
  412. width: 20rpx;
  413. top: 160rpx;
  414. left: 23rpx;
  415. }
  416. .btnss {
  417. color: #f8755b;
  418. font-weight: bold;
  419. font-size: 30rpx !important;
  420. text-align: center !important;
  421. }
  422. .radios {
  423. display: block;
  424. font-size: 28rpx;
  425. height: 95rpx;
  426. line-height: 95rpx;
  427. color: #333;
  428. text-indent: 0.5em;
  429. }
  430. .elecard {
  431. display: inline-block;
  432. margin-left: 6rpx;
  433. color: #00c0ff;
  434. border: 1px solid #00c0ff;
  435. border-radius: 8rpx;
  436. font-style: normal;
  437. font-size: 30rpx;
  438. line-height: 40rpx;
  439. padding: 0 6rpx;
  440. }
  441. .applyshop {
  442. font-size: 30rpx;
  443. height: 70rpx;
  444. line-height: 70rpx;
  445. color: #333;
  446. text-indent:1em;
  447. }
  448. .btns{
  449. padding: 0 33rpx;
  450. position: fixed;
  451. left: 0;
  452. right: 0;
  453. bottom: 0;
  454. padding-bottom: 37rpx;
  455. padding-top:37rpx;
  456. z-index: 100;
  457. background: #fff;
  458. }
  459. .btns > button{
  460. width: 330rpx;
  461. height: 95rpx;
  462. border-radius:48rpx;
  463. text-align: center;
  464. }
  465. .btns .fl{
  466. color: #fff;
  467. background:rgba(255,169,2,1);
  468. box-shadow:0px 8px 8px 1px rgba(255,169,2,0.32);
  469. }
  470. .btns .fl text{
  471. display: block;
  472. font-size: 30rpx;
  473. line-height: 34rpx;
  474. }
  475. .btns .fl text:nth-of-type(1){
  476. margin-top: 12rpx;
  477. }
  478. .btns .fr{
  479. font-size: 30rpx;
  480. color: #fff;
  481. line-height: 95rpx;
  482. background:rgba(236,59,45,1);
  483. box-shadow:0px 8px 8px 1px rgba(246,93,51,0.32);
  484. }
  485. .support-tansfer{
  486. width: 60%;
  487. border-radius: 50rpx;
  488. margin-top: 30rpx;
  489. background: #02C0FF!important;
  490. }
  491. .shaddow{
  492. z-index: 100;
  493. position:fixed;
  494. width:100%;
  495. height:100%;
  496. top:0px;
  497. background:rgba(0,0,0,0.8);
  498. overflow:hidden;
  499. }
  500. .alert-box{
  501. position: fixed;
  502. top: 200rpx;
  503. left: 10%;
  504. width: 80%;
  505. height: auto;
  506. padding-bottom: 20rpx;
  507. background: #fff;
  508. z-index: 200;
  509. border-radius: 20rpx;
  510. }
  511. .user-img{
  512. position: absolute;
  513. top: -50rpx;
  514. left: 250rpx;
  515. /* margin-left: -50rpx; */
  516. width: 100rpx;
  517. height: 100rpx;
  518. z-index: 300;
  519. border-radius: 50rpx;
  520. background: #fff;
  521. overflow: hidden;
  522. }
  523. .user-img image{
  524. width: 100rpx;
  525. height: 100rpx;
  526. }
  527. .close{
  528. position: absolute;
  529. z-index: 300;
  530. right: 0;
  531. top: 0;
  532. width: 100rpx;
  533. height: 100rpx;
  534. overflow: hidden;
  535. }
  536. .close image{
  537. display: block;
  538. width: 26rpx;
  539. height: 26rpx;
  540. margin: 20rpx 0 0 52rpx;
  541. }
  542. .a-title{
  543. text-align: center;
  544. margin-top: 76rpx;
  545. font-size:36rpx;
  546. font-family:PingFang-SC-Medium;
  547. font-weight:500;
  548. color:rgba(51,51,51,1);
  549. line-height:44rpx;
  550. }
  551. .a-img{
  552. position: relative;
  553. width: 80%;
  554. border-radius: 20rpx;
  555. height: 294rpx;
  556. overflow: hidden;
  557. text-align: center;
  558. margin: 30rpx auto 0;
  559. }
  560. .a-received{
  561. position: absolute;
  562. width: 100%;
  563. height: 294rpx;
  564. top: 0;
  565. left: 0;
  566. text-align: center;
  567. line-height: 294rpx;
  568. z-index: 320;
  569. background:rgba(255,255,255,1);
  570. border:0px solid rgba(151,57,117,1);
  571. opacity:0.91;
  572. font-size:36rpx;
  573. color:rgba(255,51,50,1);
  574. font-family:PingFang-SC-Medium;
  575. }
  576. .a-img image{
  577. width: 100%;
  578. height: 100%;
  579. }
  580. .bottom{
  581. text-align: center;
  582. height: 70rpx;
  583. line-height: 70rpx;
  584. color: #999;
  585. font-size: 32rpx;
  586. }