抖音c端
Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

1246 linhas
18 KiB

  1. @import "../../../app.ttss";
  2. page {
  3. background: #f4f5f9;
  4. }
  5. button::after {
  6. border: none;
  7. }
  8. .coupons {
  9. width: 100%;
  10. position: relative;
  11. overflow: hidden;
  12. padding-bottom: 170rpx;
  13. background: #f4f5f9;
  14. }
  15. .couponsL c-coupons {
  16. width: 335rpx;
  17. /* height: 354rpx; */
  18. margin-bottom: 22rpx;
  19. }
  20. .couponsL c-coupons:nth-of-type(2n+1) {
  21. float: left;
  22. }
  23. .couponsL c-coupons:nth-of-type(2n) {
  24. float: right;
  25. }
  26. .banner {
  27. position: relative;
  28. width: 750rpx;
  29. height: 454rpx;
  30. }
  31. .banner swiper {
  32. width: 750rpx;
  33. height: 454rpx;
  34. }
  35. .banner image {
  36. width: 100%;
  37. height: 454rpx;
  38. }
  39. .moneyBox {
  40. font-size: 24rpx;
  41. overflow: hidden;
  42. }
  43. .earnest {
  44. float: left;
  45. font-size: 28rpx;
  46. color: #a6a6a6;
  47. }
  48. .earnestNum {
  49. float: left;
  50. color: red;
  51. font-size: 32rpx;
  52. }
  53. .final {
  54. float: left;
  55. font-size: 28rpx;
  56. color: #a6a6a6;
  57. margin-left: 30rpx;
  58. }
  59. .pickFinal_Box {
  60. overflow: hidden;
  61. }
  62. .earnestTime {
  63. font-size: 28rpx;
  64. color: #a6a6a6;
  65. }
  66. .finalTime {
  67. font-size: 28rpx;
  68. color: #a6a6a6;
  69. }
  70. .original {
  71. float: left;
  72. width: 100rpx;
  73. margin-left: 10rpx;
  74. text-decoration: line-through;
  75. color: #a6a6a6;
  76. font-size: 24rpx;
  77. line-height: 50rpx;
  78. }
  79. .dots {
  80. position: absolute;
  81. left: 0;
  82. right: 0;
  83. bottom: 50rpx;
  84. display: flex;
  85. justify-content: center;
  86. }
  87. .dot {
  88. margin: 0 8rpx;
  89. width: 14rpx;
  90. height: 14rpx;
  91. background: #fff;
  92. border-radius: 8rpx;
  93. transition: all 0.6s;
  94. }
  95. .home {
  96. position: relative;
  97. background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%);
  98. height: 94rpx;
  99. width: 230rpx;
  100. /* margin: 0 auto 30rpx; */
  101. margin-left: 40rpx;
  102. float: left;
  103. color: #fff;
  104. font-size: 36rpx;
  105. line-height: 94rpx;
  106. border-radius: 21rpx;
  107. }
  108. .arrive {
  109. position: relative;
  110. background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%);
  111. height: 94rpx;
  112. width: 230rpx;
  113. /* margin: 0 auto 30rpx; */
  114. margin-left: 40rpx;
  115. float: left;
  116. color: #fff;
  117. font-size: 36rpx;
  118. line-height: 94rpx;
  119. border-radius: 21rpx;
  120. }
  121. .dot.active {
  122. width: 24rpx;
  123. background: #f80;
  124. }
  125. .refound {
  126. border: 1rpx solid red;
  127. padding: 3rpx 0;
  128. display: block;
  129. width: 130rpx;
  130. text-align: center;
  131. margin-left: 14rpx;
  132. }
  133. .couponsL {
  134. width: 92%;
  135. margin: 20rpx auto;
  136. }
  137. .coupons_info {
  138. width: 92%;
  139. padding: 0 4%;
  140. background: #fff;
  141. border-top-left-radius: 20rpx;
  142. border-top-right-radius: 20rpx;
  143. /* margin-top: -25rpx; */
  144. overflow: hidden;
  145. }
  146. .fenxiang {
  147. position: absolute;
  148. right: 28rpx;
  149. top: 27rpx;
  150. display: flex;
  151. flex-direction: column;
  152. }
  153. .fenxiang image {
  154. width: 48rpx;
  155. height: 48rpx;
  156. margin: 0 auto;
  157. }
  158. .gift {
  159. color: #3c3c3c;
  160. font-size: 20rpx;
  161. margin: 0 auto;
  162. }
  163. .user-motto {
  164. width: 270rpx;
  165. border: 0;
  166. background: none;
  167. height: 260rpx;
  168. color: #fff;
  169. position: fixed;
  170. }
  171. .user-motto::after {
  172. border: none;
  173. }
  174. .title {
  175. display: block;
  176. font-weight: bold;
  177. font-size: 32rpx;
  178. color: #3c3c3c;
  179. letter-spacing: 1.09rpx;
  180. line-height: 45rpx;
  181. width: 542rpx;
  182. overflow: hidden;
  183. white-space: nowrap;
  184. text-overflow: ellipsis;
  185. padding-top: 30rpx;
  186. }
  187. .subTitleBox {
  188. overflow: hidden;
  189. width: 100%;
  190. margin: 10rpx 0;
  191. }
  192. .subTitle {
  193. display: block;
  194. width: 400rpx;
  195. /* height: 37rpx; */
  196. font-size: 26rpx;
  197. color: #a6a6a6;
  198. letter-spacing: 1.16rpx;
  199. overflow: hidden;
  200. white-space: nowrap;
  201. text-overflow: ellipsis;
  202. padding: 6rpx 0;
  203. float: left;
  204. }
  205. .sellBox {
  206. display: block;
  207. font-size: 26rpx;
  208. color: #a6a6a6;
  209. letter-spacing: 1.16rpx;
  210. padding: 6rpx 0;
  211. float: right;
  212. }
  213. .rest {
  214. font-size: 24rpx;
  215. color: #919191;
  216. letter-spacing: 0;
  217. height: 50rpx;
  218. line-height: 50rpx;
  219. border-bottom: 1px solid #f9f9f9;
  220. }
  221. .restNum {
  222. font-size: 24rpx;
  223. color: #999;
  224. letter-spacing: 1.16rpx;
  225. text-align: right;
  226. }
  227. .time {
  228. font-size: 24rpx;
  229. color: #a6a6a6;
  230. letter-spacing: 0;
  231. line-height: 33rpx;
  232. display: inline-block;
  233. }
  234. .txt01 {
  235. font-size: 24rpx;
  236. color: #919191;
  237. letter-spacing: 0;
  238. }
  239. .price {
  240. font-size: 24rpx;
  241. color: #999;
  242. letter-spacing: 0;
  243. }
  244. .salePriceStr {
  245. font-size: 24rpx;
  246. color: #999;
  247. letter-spacing: 0;
  248. margin: 10rpx 0;
  249. }
  250. .salePriceStr .rmb {
  251. color: #d5af67;
  252. font-size: 24rpx;
  253. line-height: 40rpx;
  254. float: left;
  255. }
  256. .salePriceStr .pri01 {
  257. font-size: 40rpx;
  258. color: #d5af67;
  259. letter-spacing: 0;
  260. line-height: 40rpx;
  261. float: left;
  262. }
  263. .salePriceStr .pri01Hr {
  264. font-size: 24rpx !important;
  265. }
  266. .use {
  267. color: #fd782d;
  268. /* margin-left: 10rpx; */
  269. }
  270. .salePriceStr .yuan {
  271. font-size: 24rpx;
  272. color: #fd782d;
  273. letter-spacing: 0;
  274. }
  275. .price text {
  276. font-size: 24rpx;
  277. color: #333;
  278. letter-spacing: 0;
  279. }
  280. .throgh {
  281. text-decoration: line-through;
  282. margin-left: 10rpx;
  283. color: #999 !important;
  284. margin-top: 8rpx;
  285. height: 32rpx;
  286. line-height: 45rpx;
  287. }
  288. .qsOriginal {
  289. text-decoration: line-through;
  290. color: #999 !important;
  291. margin-top: 58rpx;
  292. margin-left: 14rpx;
  293. font-family: "PingFangSC-Medium";
  294. font-size: 26rpx;
  295. font-weight: 400;
  296. float: left;
  297. }
  298. .serviceImg {
  299. height: 100%;
  300. width: 100%;
  301. }
  302. .timeText {
  303. color: #333;
  304. letter-spacing: 0;
  305. font-size: 14px;
  306. height: 25px;
  307. line-height: 25px;
  308. width: 92%;
  309. margin: 10rpx auto 0 auto;
  310. }
  311. .fl {
  312. float: left;
  313. }
  314. .fr {
  315. float: right;
  316. }
  317. .notes {
  318. width: 100%;
  319. background: #fff;
  320. padding-bottom: 30rpx;
  321. }
  322. .nodesD {
  323. height: 87rpx;
  324. line-height: 87rpx;
  325. background: #fff;
  326. border-top: 1px solid #f9f9f9;
  327. font-weight: bold;
  328. }
  329. .notesText {
  330. width: 92%;
  331. margin: 0 auto;
  332. color: #333;
  333. letter-spacing: 0;
  334. font-size: 24rpx;
  335. letter-spacing: 0;
  336. line-height: 42rpx;
  337. display: block;
  338. }
  339. .notesH {
  340. width: 92%;
  341. font-weight: bold;
  342. font-size: 32rpx;
  343. color: #3c3c3c;
  344. margin: 10rpx auto;
  345. padding-top: 10rpx;
  346. }
  347. .Hchild {
  348. width: 92%;
  349. margin: 0 auto;
  350. color: #333;
  351. letter-spacing: 0;
  352. font-size: 12px;
  353. letter-spacing: 0;
  354. line-height: 21px;
  355. display: block;
  356. }
  357. /* .notes view:nth-child(1) text {
  358. color: #333;
  359. letter-spacing: 0;
  360. font-size: 30rpx;
  361. height: 70rpx;
  362. line-height: 70rpx;
  363. }
  364. .notes view:nth-child(1) {
  365. width: 92%;
  366. margin: 0 auto;
  367. }
  368. .notes view:nth-child(2) {
  369. display: flex;
  370. flex-direction: column;
  371. width: 92%;
  372. margin: 0 auto;
  373. }
  374. .notes view:nth-child(2)>text {
  375. font-size: 24rpx;
  376. color: #919191;
  377. letter-spacing: 0;
  378. line-height: 42rpx;
  379. } */
  380. .active {
  381. opacity: 0.6;
  382. }
  383. .app-border-topX {
  384. width: 100%;
  385. background-color: #fff;
  386. border-top: solid 1rpx rgb(204, 204, 204);
  387. }
  388. .buy-view {
  389. /* background: #fff; */
  390. height: 92rpx;
  391. bottom: 0;
  392. left: 0;
  393. right: 0;
  394. padding-bottom: 22rpx;
  395. padding-top: 22rpx;
  396. }
  397. .sell {
  398. font-size: 24rpx;
  399. color: #a6a6a6;
  400. ;
  401. letter-spacing: 1px;
  402. text-align: right;
  403. float: right;
  404. margin-top: 60rpx;
  405. }
  406. .sellP {
  407. color: #d5af67;
  408. }
  409. .biaoz {
  410. color: #d5af67;
  411. font-family: "PingFangSC-Medium";
  412. font-size: 28rpx;
  413. font-weight: 400;
  414. float: left;
  415. /* line-height: 22px; */
  416. margin-top: 55rpx;
  417. margin-left: 40rpx;
  418. }
  419. .selling {
  420. color: #d5af67;
  421. font-family: "PingFangSC-Medium";
  422. font-size: 36rpx;
  423. font-weight: 400;
  424. float: left;
  425. margin-top: 50rpx;
  426. /* line-height: 22px; */
  427. }
  428. .buyX {
  429. /* position: relative; */
  430. float: right;
  431. background: linear-gradient(270deg, #DDAB5A, #B8832D);
  432. height: 90rpx;
  433. width: 300rpx;
  434. margin-left: 170rpx;
  435. color: #fff;
  436. font-size: 36rpx;
  437. line-height: 90rpx;
  438. border-radius: 61rpx;
  439. margin: 30rpx 20rpx;
  440. }
  441. .buy {
  442. position: relative;
  443. background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%);
  444. height: 94rpx;
  445. width: 560rpx;
  446. margin-left: 170rpx;
  447. color: #fff;
  448. font-size: 36rpx;
  449. line-height: 94rpx;
  450. border-radius: 61rpx;
  451. }
  452. #noBuy {
  453. position: relative;
  454. background-color: rgba(0, 0, 0, 0.2);
  455. height: 94rpx;
  456. width: 560rpx;
  457. margin: 0 auto 30rpx;
  458. color: #fff;
  459. font-size: 36rpx;
  460. line-height: 94rpx;
  461. border-radius: 61rpx;
  462. }
  463. .buyHr {
  464. background: #cecece !important;
  465. }
  466. .goback {
  467. position: relative;
  468. float: left;
  469. width: 132rpx !important;
  470. height: 96rpx;
  471. background: rgba(255, 255, 255, 1) !important;
  472. line-height: 95rpx;
  473. border-radius: 32rpx;
  474. margin-left: 20rpx;
  475. }
  476. .goback image {
  477. position: absolute;
  478. width: 52rpx;
  479. height: 50rpx;
  480. left: 0;
  481. right: 0;
  482. top: 0;
  483. bottom: 0;
  484. margin: 10rpx auto;
  485. }
  486. .tel {
  487. position: absolute;
  488. right: 0;
  489. top: 0;
  490. bottom: 0;
  491. margin: auto;
  492. width: 50rpx;
  493. height: 50rpx;
  494. }
  495. .txt {
  496. margin-right: 30rpx;
  497. }
  498. .distance {
  499. border: none;
  500. border-radius: 16rpx;
  501. width: 600rpx;
  502. padding: 16rpx 6rpx 0 0;
  503. }
  504. .distance .txt01 {
  505. display: block;
  506. font-size: 26rpx;
  507. color: #ff4949;
  508. }
  509. .clock {
  510. width: 116rpx !important;
  511. vertical-align: middle;
  512. margin-right: 10rpx;
  513. margin-top: -4rpx;
  514. }
  515. .qiang {
  516. position: inline-block;
  517. width: 60rpx;
  518. height: 40rpx;
  519. line-height: 40rpx;
  520. color: #ff4949;
  521. text-align: center;
  522. font-size: 28rpx;
  523. margin-right: 10rpx;
  524. }
  525. .times {
  526. display: inline-block;
  527. color: #ff4949;
  528. font-weight: bold;
  529. font-size: 26rpx;
  530. text-align: center;
  531. }
  532. .timess {
  533. color: #fd782d;
  534. }
  535. .times text {
  536. display: inline-block;
  537. margin: 6rpx;
  538. height: 56rpx;
  539. padding: 0 6rpx;
  540. text-align: center;
  541. font-size: 28rpx;
  542. line-height: 60rpx;
  543. border-radius: 12rpx;
  544. color: #fff;
  545. font-weight: bold;
  546. background: #ff4949;
  547. }
  548. .con {
  549. position: absolute;
  550. top: 35rpx;
  551. right: 0;
  552. bottom: 0;
  553. left: 0;
  554. margin: auto;
  555. width: 587rpx;
  556. }
  557. .con .image {
  558. display: block;
  559. width: 100%;
  560. }
  561. .img {
  562. margin-top: -50rpx;
  563. }
  564. .question {
  565. display: block;
  566. width: 587rpx;
  567. background: #fff;
  568. border-bottom-left-radius: 22rpx;
  569. border-bottom-right-radius: 22rpx;
  570. overflow: hidden;
  571. }
  572. .ques {
  573. display: block;
  574. width: 511rpx;
  575. margin: 0 auto;
  576. height: 95rpx;
  577. line-height: 95rpx;
  578. font-size: 30rpx;
  579. color: #333;
  580. border-bottom: 1rpx solid #eee;
  581. }
  582. .titles {
  583. width: 511rpx;
  584. display: block;
  585. text-align: center;
  586. height: 50rpx;
  587. margin: 0 auto;
  588. padding-top: 10rpx;
  589. padding-bottom: 20rpx;
  590. font-size: 32rpx;
  591. font-weight: bold;
  592. line-height: 41rpx;
  593. border-bottom: 1rpx solid #eee;
  594. }
  595. .quessss>view:last-child {
  596. border-bottom: 0;
  597. }
  598. .wmclose {
  599. position: relative;
  600. z-index: 10000;
  601. display: block;
  602. width: 70rpx;
  603. }
  604. .ques_gou {
  605. position: absolute;
  606. width: 20rpx;
  607. top: 160rpx;
  608. left: 23rpx;
  609. }
  610. .btnss {
  611. color: #f8755b;
  612. font-weight: bold;
  613. font-size: 30rpx !important;
  614. text-align: center !important;
  615. }
  616. .radios {
  617. display: block;
  618. font-size: 28rpx;
  619. height: 95rpx;
  620. line-height: 95rpx;
  621. color: #333;
  622. text-indent: 0.5em;
  623. }
  624. .elecard {
  625. display: inline-block;
  626. margin-left: 6rpx;
  627. color: rgba(254, 70, 20, 1);
  628. border: 1px solid rgba(254, 70, 20, 1);
  629. border-radius: 8rpx;
  630. font-style: normal;
  631. font-size: 30rpx;
  632. line-height: 40rpx;
  633. padding: 0 6rpx;
  634. }
  635. .btns {
  636. /* padding: 0 33rpx; */
  637. position: fixed;
  638. left: 0;
  639. right: 0;
  640. bottom: 0;
  641. padding-bottom: 22rpx;
  642. padding-top: 22rpx;
  643. z-index: 12;
  644. /* background: #fff; */
  645. }
  646. .btnTxt {
  647. width: 50rpx;
  648. height: 30rpx;
  649. line-height: 50rpx;
  650. color: #fd782d;
  651. font-size: 20rpx;
  652. position: absolute;
  653. right: 42rpx;
  654. bottom: 15rpx;
  655. }
  656. .btns .fr,
  657. .btns .fl {
  658. width: 277rpx;
  659. height: 95rpx;
  660. border-radius: 48rpx;
  661. text-align: center;
  662. }
  663. .btns .fl {
  664. margin-left: 20rpx;
  665. color: #fff;
  666. background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%);
  667. }
  668. .btns .fl text {
  669. display: block;
  670. font-size: 30rpx;
  671. line-height: 34rpx;
  672. }
  673. .btns .fl text:nth-of-type(1) {
  674. margin-top: 12rpx;
  675. }
  676. .btns .fr {
  677. font-size: 30rpx;
  678. color: #fff;
  679. margin-right: 20rpx;
  680. line-height: 95rpx;
  681. background: linear-gradient(90deg, rgba(40, 179, 255, 1) 0%, rgba(48, 103, 255, 1) 100%);
  682. /* box-shadow: 0px 8px 8px 1px rgba(246, 93, 51, 0.32); */
  683. }
  684. .support-tansfer {
  685. width: 60%;
  686. border-radius: 50rpx;
  687. margin-top: 30rpx;
  688. /* background: #02c0ff !important; */
  689. background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%);
  690. }
  691. .shaddow {
  692. z-index: 100;
  693. position: fixed;
  694. width: 100%;
  695. height: 100%;
  696. top: 0px;
  697. background: rgba(0, 0, 0, 0.8);
  698. overflow: hidden;
  699. }
  700. .alert-box {
  701. position: fixed;
  702. top: 50%;
  703. margin-top: -270rpx;
  704. left: 10%;
  705. width: 80%;
  706. height: auto;
  707. padding-bottom: 20rpx;
  708. background: #fff;
  709. z-index: 200;
  710. border-radius: 20rpx;
  711. }
  712. .user-img {
  713. position: absolute;
  714. top: -50rpx;
  715. left: 250rpx;
  716. /* margin-left: -50rpx; */
  717. width: 100rpx;
  718. height: 100rpx;
  719. z-index: 300;
  720. border-radius: 50rpx;
  721. background: #fff;
  722. overflow: hidden;
  723. }
  724. .user-img image {
  725. width: 100rpx;
  726. height: 100rpx;
  727. }
  728. .close {
  729. position: absolute;
  730. z-index: 300;
  731. right: 0;
  732. top: 0;
  733. width: 100rpx;
  734. height: 100rpx;
  735. overflow: hidden;
  736. }
  737. .close image {
  738. display: block;
  739. width: 26rpx;
  740. height: 26rpx;
  741. margin: 20rpx 0 0 52rpx;
  742. }
  743. .a-title {
  744. text-align: center;
  745. margin-top: 76rpx;
  746. font-size: 38rpx;
  747. font-family: PingFang-SC-Medium;
  748. font-weight: 500;
  749. color: rgba(51, 51, 51, 1);
  750. line-height: 44rpx;
  751. }
  752. .a-img {
  753. position: relative;
  754. width: 80%;
  755. border-radius: 20rpx;
  756. height: 294rpx;
  757. overflow: hidden;
  758. text-align: center;
  759. margin: 30rpx auto 0;
  760. }
  761. .a-received {
  762. position: absolute;
  763. width: 100%;
  764. height: 294rpx;
  765. top: 0;
  766. left: 0;
  767. text-align: center;
  768. line-height: 294rpx;
  769. z-index: 320;
  770. background: rgba(255, 255, 255, 1);
  771. border: 0px solid rgba(151, 57, 117, 1);
  772. opacity: 0.91;
  773. font-size: 36rpx;
  774. color: rgba(255, 51, 50, 1);
  775. font-family: PingFang-SC-Medium;
  776. }
  777. .a-img image {
  778. width: 100%;
  779. height: 100%;
  780. }
  781. .bottom {
  782. text-align: center;
  783. height: 70rpx;
  784. line-height: 70rpx;
  785. color: #999;
  786. font-size: 32rpx;
  787. background: #fff;
  788. padding-top: 20rpx;
  789. }
  790. .presslimit {
  791. height: 34rpx;
  792. line-height: 34rpx;
  793. margin-top: 8rpx;
  794. margin-left: 12rpx;
  795. color: #fd782d;
  796. font-size: 20rpx;
  797. letter-spacing: 1.16rpx;
  798. overflow: hidden;
  799. white-space: nowrap;
  800. text-overflow: ellipsis;
  801. }
  802. .presslimit text {
  803. margin-left: 15rpx;
  804. background: rgba(201, 201, 201, 0.1);
  805. }
  806. checkbox-group,
  807. radio-group {
  808. height: 400rpx;
  809. overflow-y: scroll;
  810. }
  811. .detailImg {
  812. width: 100%;
  813. background: #fff;
  814. margin: auto;
  815. }
  816. .detailImg image {
  817. display: block;
  818. width: 92%;
  819. padding: 0 4% 0 4%;
  820. margin-bottom: 20rpx;
  821. }
  822. .content {
  823. margin: 0;
  824. padding: 0;
  825. width: 100%;
  826. height: 100%;
  827. background: #f3f3f3;
  828. position: relative;
  829. }
  830. .poster {
  831. width: 100%;
  832. height: 100%;
  833. padding: 20rpx;
  834. position: absolute;
  835. top: 0;
  836. left: 0;
  837. }
  838. .bottomsave {
  839. width: 100%;
  840. height: 140rpx;
  841. line-height: 140rpx;
  842. margin: auto 0;
  843. bottom: 0;
  844. left: 0;
  845. right: 0;
  846. border-top: 1px solid #ccc;
  847. box-shadow: 0 0rpx 150rpx #ccc;
  848. background: #fff;
  849. }
  850. .saveposter {
  851. color: #fff;
  852. width: 380rpx;
  853. height: 80rpx;
  854. border-radius: 50rpx;
  855. background: #f08f04;
  856. margin-top: 30rpx;
  857. font-size: 32rpx;
  858. }
  859. .modal {
  860. width: 100%;
  861. height: 100%;
  862. position: fixed;
  863. top: 0;
  864. left: 0;
  865. background: rgba(0, 0, 0, 0.5);
  866. overflow: hidden;
  867. z-index: 10000;
  868. color: #fff;
  869. }
  870. .modal-content {
  871. width: 540rpx;
  872. height: 233rpx;
  873. line-height: 60rpx;
  874. overflow: hidden;
  875. position: fixed;
  876. top: 50%;
  877. left: 0;
  878. z-index: 11;
  879. background: #f9f9f9;
  880. margin: -16rpx 105rpx;
  881. border-radius: 36rpx;
  882. display: flex;
  883. }
  884. .modal-content view {
  885. display: inline-block;
  886. flex: 1;
  887. text-align: center;
  888. }
  889. .modal-content view>text {
  890. color: #000;
  891. display: block;
  892. font-size: 30rpx;
  893. }
  894. .modal-content view>image {
  895. margin-top: 40rpx;
  896. width: 90rpx;
  897. height: 90rpx;
  898. }
  899. .tt-swiper-dots {
  900. margin-bottom: 30rpx;
  901. }
  902. .quan {
  903. float: left;
  904. margin: 18rpx 15rpx 0 0;
  905. width: 12rpx;
  906. height: 12rpx;
  907. background: #e1e1e1;
  908. border-radius: 50%;
  909. }
  910. .swiper-box .tt-swiper-dots.tt-swiper-dots-horizontal {
  911. margin-bottom: 2rpx;
  912. }
  913. .swiper-box .tt-swiper-dot {
  914. width: 40rpx;
  915. display: inline-flex;
  916. height: 6rpx;
  917. margin-left: 10rpx;
  918. border-radius: 6rpx;
  919. justify-content: space-between;
  920. }
  921. .swiper-box .tt-swiper-dot::before {
  922. content: '';
  923. flex-grow: 1;
  924. background: #ccc8c8;
  925. }
  926. .swiper-box .tt-swiper-dot-active::before {
  927. background: #f6792b;
  928. }
  929. .jifen {
  930. font-size: 30rpx;
  931. }
  932. .childText {
  933. color: #333;
  934. letter-spacing: 0;
  935. font-size: 30rpx;
  936. height: 70rpx;
  937. line-height: 70rpx;
  938. background-color: #fff;
  939. width: 92%;
  940. padding: 0 4%;
  941. }
  942. .childBox {
  943. width: 92%;
  944. padding: 0 4%;
  945. display: flex;
  946. flex-wrap: wrap;
  947. justify-content: space-between;
  948. }
  949. .childItem {
  950. width: 48%;
  951. background-color: #fff;
  952. border-radius: 10rpx;
  953. overflow: hidden;
  954. margin: 20rpx 0;
  955. }
  956. .childImg {
  957. width: 300rpx;
  958. height: 176rpx;
  959. margin: 10px auto;
  960. display: block;
  961. }
  962. .childName {
  963. margin-top: 10rpx;
  964. margin: 10px;
  965. font-size: 24rpx;
  966. color: #919191;
  967. }
  968. .childMoney {
  969. color: #fd782d;
  970. font-size: 24rpx;
  971. margin: 10px;
  972. text-decoration: line-through;
  973. }
  974. .groupTitleBox {
  975. background: #fff;
  976. }
  977. .groupTitle {
  978. color: #333;
  979. letter-spacing: 0;
  980. font-size: 30rpx;
  981. height: 50rpx;
  982. line-height: 50rpx;
  983. width: 92%;
  984. margin: 0 auto;
  985. font-weight: bold;
  986. }
  987. .groupTitleS {
  988. color: #333;
  989. letter-spacing: 0;
  990. font-size: 28rpx;
  991. /* height: 50rpx; */
  992. line-height: 50rpx;
  993. width: 90%;
  994. margin: 0 auto;
  995. /* font-weight: bold; */
  996. }
  997. .yuandian {
  998. background-color: #333333;
  999. width: 4rpx;
  1000. height: 4rpx;
  1001. border-radius: 50%;
  1002. margin: 16rpx 8rpx 0 0;
  1003. float: left;
  1004. }
  1005. .groupDetailsBox {
  1006. width: 90%;
  1007. margin: 0 auto;
  1008. }
  1009. .groupTiemBox {
  1010. color: #333333;
  1011. overflow: hidden;
  1012. }
  1013. .groupTiemName {
  1014. float: left;
  1015. font-size: 26rpx;
  1016. /* color: #a6a6a6; */
  1017. }
  1018. .groupTiemPay {
  1019. float: right;
  1020. font-size: 26rpx;
  1021. /* color: #a6a6a6; */
  1022. }
  1023. .videoCla {
  1024. margin-top: 10rpx;
  1025. width: 70rpx;
  1026. height: 60rpx;
  1027. }
  1028. .issue {
  1029. font-size: 20rpx;
  1030. }
  1031. .groupTextBox {
  1032. background: #fff;
  1033. overflow: hidden;
  1034. padding-bottom: 10rpx;
  1035. }
  1036. .shootBox {
  1037. position: fixed;
  1038. top: 70%;
  1039. right: 0;
  1040. width: 120rpx;
  1041. height: 100rpx;
  1042. background-color: rgba(221, 171, 90, 0.5) !important;
  1043. border-radius: 12rpx 0 0 12rpx;
  1044. z-index: 1000000;
  1045. }
  1046. .mount {
  1047. line-height: 20rpx !important;
  1048. height: 100%;
  1049. }
  1050. button {
  1051. color: #fff;
  1052. background-color: rgba(221, 171, 90, 0.5);
  1053. padding: 0;
  1054. }
  1055. .serviceBox {
  1056. float: right;
  1057. margin-top: 58rpx;
  1058. margin-right: 14rpx;
  1059. height: 40rpx;
  1060. width: 40rpx;
  1061. background-color: #fff;
  1062. }
  1063. .fuwuLogoBox {
  1064. width: 40rpx;
  1065. height: 40rpx;
  1066. line-height: 0;
  1067. }
  1068. .itemLogo {
  1069. width: 100%;
  1070. height: 100%;
  1071. }
  1072. .fuwuName {
  1073. text-align: center;
  1074. color: #000;
  1075. font-size: 24rpx;
  1076. }