抖音c端
No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.

index.ttss 18 KiB

hace 2 años
hace 2 años
hace 2 años
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209
  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. letter-spacing: 1px;
  401. text-align: right;
  402. float: right;
  403. margin-top: 60rpx;
  404. }
  405. .sellP{
  406. color: #d5af67;
  407. }
  408. .biaoz{
  409. color: #d5af67;
  410. font-family: "PingFangSC-Medium";
  411. font-size: 28rpx;
  412. font-weight: 400;
  413. float: left;
  414. /* line-height: 22px; */
  415. margin-top: 55rpx;
  416. margin-left: 40rpx;
  417. }
  418. .selling{
  419. color: #d5af67;
  420. font-family: "PingFangSC-Medium";
  421. font-size: 36rpx;
  422. font-weight: 400;
  423. float: left;
  424. margin-top: 50rpx;
  425. /* line-height: 22px; */
  426. }
  427. .buyX{
  428. /* position: relative; */
  429. float: right;
  430. background: linear-gradient(270deg, #DDAB5A, #B8832D);
  431. height: 90rpx;
  432. width: 300rpx;
  433. margin-left: 170rpx;
  434. color: #fff;
  435. font-size: 36rpx;
  436. line-height: 90rpx;
  437. border-radius: 61rpx;
  438. margin: 30rpx 20rpx;
  439. }
  440. .buy {
  441. position: relative;
  442. background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%);
  443. height: 94rpx;
  444. width: 560rpx;
  445. margin-left: 170rpx;
  446. color: #fff;
  447. font-size: 36rpx;
  448. line-height: 94rpx;
  449. border-radius: 61rpx;
  450. }
  451. #noBuy {
  452. position: relative;
  453. background-color: rgba(0, 0, 0, 0.2);
  454. height: 94rpx;
  455. width: 560rpx;
  456. margin: 0 auto 30rpx;
  457. color: #fff;
  458. font-size: 36rpx;
  459. line-height: 94rpx;
  460. border-radius: 61rpx;
  461. }
  462. .buyHr {
  463. background: #cecece !important;
  464. }
  465. .goback {
  466. position: relative;
  467. float: left;
  468. width: 132rpx !important;
  469. height: 96rpx;
  470. background: rgba(255, 255, 255, 1) !important;
  471. line-height: 95rpx;
  472. border-radius: 32rpx;
  473. margin-left: 20rpx;
  474. }
  475. .goback image {
  476. position: absolute;
  477. width: 52rpx;
  478. height: 50rpx;
  479. left: 0;
  480. right: 0;
  481. top: 0;
  482. bottom: 0;
  483. margin: 10rpx auto;
  484. }
  485. .tel {
  486. position: absolute;
  487. right: 0;
  488. top: 0;
  489. bottom: 0;
  490. margin: auto;
  491. width: 50rpx;
  492. height: 50rpx;
  493. }
  494. .txt {
  495. margin-right: 30rpx;
  496. }
  497. .distance {
  498. border: none;
  499. border-radius: 16rpx;
  500. width: 600rpx;
  501. padding: 16rpx 6rpx 0 0;
  502. }
  503. .distance .txt01 {
  504. display: block;
  505. font-size: 26rpx;
  506. color: #ff4949;
  507. }
  508. .clock {
  509. width: 116rpx !important;
  510. vertical-align: middle;
  511. margin-right: 10rpx;
  512. margin-top: -4rpx;
  513. }
  514. .qiang {
  515. position: inline-block;
  516. width: 60rpx;
  517. height: 40rpx;
  518. line-height: 40rpx;
  519. color: #ff4949;
  520. text-align: center;
  521. font-size: 28rpx;
  522. margin-right: 10rpx;
  523. }
  524. .times {
  525. display: inline-block;
  526. color: #ff4949;
  527. font-weight: bold;
  528. font-size: 26rpx;
  529. text-align: center;
  530. }
  531. .timess {
  532. color: #fd782d;
  533. }
  534. .times text {
  535. display: inline-block;
  536. margin: 6rpx;
  537. height: 56rpx;
  538. padding: 0 6rpx;
  539. text-align: center;
  540. font-size: 28rpx;
  541. line-height: 60rpx;
  542. border-radius: 12rpx;
  543. color: #fff;
  544. font-weight: bold;
  545. background: #ff4949;
  546. }
  547. .con {
  548. position: absolute;
  549. top: 35rpx;
  550. right: 0;
  551. bottom: 0;
  552. left: 0;
  553. margin: auto;
  554. width: 587rpx;
  555. }
  556. .con .image {
  557. display: block;
  558. width: 100%;
  559. }
  560. .img {
  561. margin-top: -50rpx;
  562. }
  563. .question {
  564. display: block;
  565. width: 587rpx;
  566. background: #fff;
  567. border-bottom-left-radius: 22rpx;
  568. border-bottom-right-radius: 22rpx;
  569. overflow: hidden;
  570. }
  571. .ques {
  572. display: block;
  573. width: 511rpx;
  574. margin: 0 auto;
  575. height: 95rpx;
  576. line-height: 95rpx;
  577. font-size: 30rpx;
  578. color: #333;
  579. border-bottom: 1rpx solid #eee;
  580. }
  581. .titles {
  582. width: 511rpx;
  583. display: block;
  584. text-align: center;
  585. height: 50rpx;
  586. margin: 0 auto;
  587. padding-top: 10rpx;
  588. padding-bottom: 20rpx;
  589. font-size: 32rpx;
  590. font-weight: bold;
  591. line-height: 41rpx;
  592. border-bottom: 1rpx solid #eee;
  593. }
  594. .quessss >view:last-child {
  595. border-bottom: 0;
  596. }
  597. .wmclose {
  598. position: relative;
  599. z-index: 10000;
  600. display: block;
  601. width: 70rpx;
  602. }
  603. .ques_gou {
  604. position: absolute;
  605. width: 20rpx;
  606. top: 160rpx;
  607. left: 23rpx;
  608. }
  609. .btnss {
  610. color: #f8755b;
  611. font-weight: bold;
  612. font-size: 30rpx !important;
  613. text-align: center !important;
  614. }
  615. .radios {
  616. display: block;
  617. font-size: 28rpx;
  618. height: 95rpx;
  619. line-height: 95rpx;
  620. color: #333;
  621. text-indent: 0.5em;
  622. }
  623. .elecard {
  624. display: inline-block;
  625. margin-left: 6rpx;
  626. color: rgba(254, 70, 20, 1);
  627. border: 1px solid rgba(254, 70, 20, 1);
  628. border-radius: 8rpx;
  629. font-style: normal;
  630. font-size: 30rpx;
  631. line-height: 40rpx;
  632. padding: 0 6rpx;
  633. }
  634. .btns {
  635. /* padding: 0 33rpx; */
  636. position: fixed;
  637. left: 0;
  638. right: 0;
  639. bottom: 0;
  640. padding-bottom: 22rpx;
  641. padding-top: 22rpx;
  642. z-index: 12;
  643. /* background: #fff; */
  644. }
  645. .btnTxt {
  646. width: 50rpx;
  647. height: 30rpx;
  648. line-height: 50rpx;
  649. color: #fd782d;
  650. font-size: 20rpx;
  651. position: absolute;
  652. right: 42rpx;
  653. bottom: 15rpx;
  654. }
  655. .btns .fr, .btns .fl {
  656. width: 277rpx;
  657. height: 95rpx;
  658. border-radius: 48rpx;
  659. text-align: center;
  660. }
  661. .btns .fl {
  662. margin-left: 20rpx;
  663. color: #fff;
  664. background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%);
  665. }
  666. .btns .fl text {
  667. display: block;
  668. font-size: 30rpx;
  669. line-height: 34rpx;
  670. }
  671. .btns .fl text:nth-of-type(1) {
  672. margin-top: 12rpx;
  673. }
  674. .btns .fr {
  675. font-size: 30rpx;
  676. color: #fff;
  677. margin-right: 20rpx;
  678. line-height: 95rpx;
  679. background: linear-gradient(90deg, rgba(40, 179, 255, 1) 0%, rgba(48, 103, 255, 1) 100%);
  680. /* box-shadow: 0px 8px 8px 1px rgba(246, 93, 51, 0.32); */
  681. }
  682. .support-tansfer {
  683. width: 60%;
  684. border-radius: 50rpx;
  685. margin-top: 30rpx;
  686. /* background: #02c0ff !important; */
  687. background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%);
  688. }
  689. .shaddow {
  690. z-index: 100;
  691. position: fixed;
  692. width: 100%;
  693. height: 100%;
  694. top: 0px;
  695. background: rgba(0, 0, 0, 0.8);
  696. overflow: hidden;
  697. }
  698. .alert-box {
  699. position: fixed;
  700. top: 50%;
  701. margin-top: -270rpx;
  702. left: 10%;
  703. width: 80%;
  704. height: auto;
  705. padding-bottom: 20rpx;
  706. background: #fff;
  707. z-index: 200;
  708. border-radius: 20rpx;
  709. }
  710. .user-img {
  711. position: absolute;
  712. top: -50rpx;
  713. left: 250rpx;
  714. /* margin-left: -50rpx; */
  715. width: 100rpx;
  716. height: 100rpx;
  717. z-index: 300;
  718. border-radius: 50rpx;
  719. background: #fff;
  720. overflow: hidden;
  721. }
  722. .user-img image {
  723. width: 100rpx;
  724. height: 100rpx;
  725. }
  726. .close {
  727. position: absolute;
  728. z-index: 300;
  729. right: 0;
  730. top: 0;
  731. width: 100rpx;
  732. height: 100rpx;
  733. overflow: hidden;
  734. }
  735. .close image {
  736. display: block;
  737. width: 26rpx;
  738. height: 26rpx;
  739. margin: 20rpx 0 0 52rpx;
  740. }
  741. .a-title {
  742. text-align: center;
  743. margin-top: 76rpx;
  744. font-size: 38rpx;
  745. font-family: PingFang-SC-Medium;
  746. font-weight: 500;
  747. color: rgba(51, 51, 51, 1);
  748. line-height: 44rpx;
  749. }
  750. .a-img {
  751. position: relative;
  752. width: 80%;
  753. border-radius: 20rpx;
  754. height: 294rpx;
  755. overflow: hidden;
  756. text-align: center;
  757. margin: 30rpx auto 0;
  758. }
  759. .a-received {
  760. position: absolute;
  761. width: 100%;
  762. height: 294rpx;
  763. top: 0;
  764. left: 0;
  765. text-align: center;
  766. line-height: 294rpx;
  767. z-index: 320;
  768. background: rgba(255, 255, 255, 1);
  769. border: 0px solid rgba(151, 57, 117, 1);
  770. opacity: 0.91;
  771. font-size: 36rpx;
  772. color: rgba(255, 51, 50, 1);
  773. font-family: PingFang-SC-Medium;
  774. }
  775. .a-img image {
  776. width: 100%;
  777. height: 100%;
  778. }
  779. .bottom {
  780. text-align: center;
  781. height: 70rpx;
  782. line-height: 70rpx;
  783. color: #999;
  784. font-size: 32rpx;
  785. background: #fff;
  786. padding-top: 20rpx;
  787. }
  788. .presslimit {
  789. height: 34rpx;
  790. line-height: 34rpx;
  791. margin-top: 8rpx;
  792. margin-left: 12rpx;
  793. color: #fd782d;
  794. font-size: 20rpx;
  795. letter-spacing: 1.16rpx;
  796. overflow: hidden;
  797. white-space: nowrap;
  798. text-overflow: ellipsis;
  799. }
  800. .presslimit text {
  801. margin-left: 15rpx;
  802. background: rgba(201, 201, 201, 0.1);
  803. }
  804. checkbox-group, radio-group {
  805. height: 400rpx;
  806. overflow-y: scroll;
  807. }
  808. .detailImg {
  809. width: 100%;
  810. background: #fff;
  811. margin: auto;
  812. }
  813. .detailImg image {
  814. display: block;
  815. width: 92%;
  816. padding: 0 4% 0 4%;
  817. margin-bottom: 20rpx;
  818. }
  819. .content {
  820. margin: 0;
  821. padding: 0;
  822. width: 100%;
  823. height: 100%;
  824. background: #f3f3f3;
  825. position: relative;
  826. }
  827. .poster {
  828. width: 100%;
  829. height: 100%;
  830. padding: 20rpx;
  831. position: absolute;
  832. top: 0;
  833. left: 0;
  834. }
  835. .bottomsave {
  836. width: 100%;
  837. height: 140rpx;
  838. line-height: 140rpx;
  839. margin: auto 0;
  840. bottom: 0;
  841. left: 0;
  842. right: 0;
  843. border-top: 1px solid #ccc;
  844. box-shadow: 0 0rpx 150rpx #ccc;
  845. background: #fff;
  846. }
  847. .saveposter {
  848. color: #fff;
  849. width: 380rpx;
  850. height: 80rpx;
  851. border-radius: 50rpx;
  852. background: #f08f04;
  853. margin-top: 30rpx;
  854. font-size: 32rpx;
  855. }
  856. .modal {
  857. width: 100%;
  858. height: 100%;
  859. position: fixed;
  860. top: 0;
  861. left: 0;
  862. background: rgba(0, 0, 0, 0.5);
  863. overflow: hidden;
  864. z-index: 10000;
  865. color: #fff;
  866. }
  867. .modal-content {
  868. width: 540rpx;
  869. height: 233rpx;
  870. line-height: 60rpx;
  871. overflow: hidden;
  872. position: fixed;
  873. top: 50%;
  874. left: 0;
  875. z-index: 11;
  876. background: #f9f9f9;
  877. margin: -16rpx 105rpx;
  878. border-radius: 36rpx;
  879. display: flex;
  880. }
  881. .modal-content view {
  882. display: inline-block;
  883. flex: 1;
  884. text-align: center;
  885. }
  886. .modal-content view>text {
  887. color: #000;
  888. display: block;
  889. font-size: 30rpx;
  890. }
  891. .modal-content view>image {
  892. margin-top: 40rpx;
  893. width: 90rpx;
  894. height: 90rpx;
  895. }
  896. .tt-swiper-dots {
  897. margin-bottom: 30rpx;
  898. }
  899. .quan {
  900. float: left;
  901. margin: 18rpx 15rpx 0 0;
  902. width: 12rpx;
  903. height: 12rpx;
  904. background: #e1e1e1;
  905. border-radius: 50%;
  906. }
  907. .swiper-box .tt-swiper-dots.tt-swiper-dots-horizontal {
  908. margin-bottom: 2rpx;
  909. }
  910. .swiper-box .tt-swiper-dot {
  911. width: 40rpx;
  912. display: inline-flex;
  913. height: 6rpx;
  914. margin-left: 10rpx;
  915. border-radius: 6rpx;
  916. justify-content: space-between;
  917. }
  918. .swiper-box .tt-swiper-dot::before {
  919. content: '';
  920. flex-grow: 1;
  921. background: #ccc8c8;
  922. }
  923. .swiper-box .tt-swiper-dot-active::before {
  924. background: #f6792b;
  925. }
  926. .jifen {
  927. font-size: 30rpx;
  928. }
  929. .childText {
  930. color: #333;
  931. letter-spacing: 0;
  932. font-size: 30rpx;
  933. height: 70rpx;
  934. line-height: 70rpx;
  935. background-color: #fff;
  936. width: 92%;
  937. padding: 0 4%;
  938. }
  939. .childBox {
  940. width: 92%;
  941. padding: 0 4%;
  942. display: flex;
  943. flex-wrap: wrap;
  944. justify-content: space-between;
  945. }
  946. .childItem {
  947. width: 48%;
  948. background-color: #fff;
  949. border-radius: 10rpx;
  950. overflow: hidden;
  951. margin: 20rpx 0;
  952. }
  953. .childImg {
  954. width: 300rpx;
  955. height: 176rpx;
  956. margin: 10px auto;
  957. display: block;
  958. }
  959. .childName {
  960. margin-top: 10rpx;
  961. margin: 10px;
  962. font-size: 24rpx;
  963. color: #919191;
  964. }
  965. .childMoney {
  966. color: #fd782d;
  967. font-size: 24rpx;
  968. margin: 10px;
  969. text-decoration: line-through;
  970. }
  971. .groupTitleBox{
  972. background: #fff;
  973. }
  974. .groupTitle{
  975. color: #333;
  976. letter-spacing: 0;
  977. font-size: 30rpx;
  978. height: 50rpx;
  979. line-height: 50rpx;
  980. width: 92%;
  981. margin: 0 auto;
  982. font-weight: bold;
  983. }
  984. .groupTitleS{
  985. color: #333;
  986. letter-spacing: 0;
  987. font-size: 28rpx;
  988. /* height: 50rpx; */
  989. line-height: 50rpx;
  990. width: 90%;
  991. margin: 0 auto;
  992. /* font-weight: bold; */
  993. }
  994. .yuandian{
  995. background-color: #333333;
  996. width: 4rpx;
  997. height: 4rpx;
  998. border-radius: 50%;
  999. margin: 16rpx 8rpx 0 0;
  1000. float: left;
  1001. }
  1002. .groupDetailsBox{
  1003. width: 90%;
  1004. margin: 0 auto;
  1005. }
  1006. .groupTiemBox{
  1007. color: #333333;
  1008. overflow: hidden;
  1009. }
  1010. .groupTiemName{
  1011. float: left;
  1012. font-size: 26rpx;
  1013. /* color: #a6a6a6; */
  1014. }
  1015. .groupTiemPay{
  1016. float: right;
  1017. font-size: 26rpx;
  1018. /* color: #a6a6a6; */
  1019. }
  1020. .videoCla{
  1021. margin-top: 10rpx;
  1022. width: 70rpx;
  1023. height: 60rpx;
  1024. }
  1025. .issue{
  1026. font-size: 20rpx;
  1027. }
  1028. .groupTextBox{
  1029. background: #fff;
  1030. overflow: hidden;
  1031. padding-bottom: 10rpx;
  1032. }
  1033. .shootBox{
  1034. position: fixed;
  1035. top: 70%;
  1036. right: 0;
  1037. width: 120rpx;
  1038. height: 100rpx;
  1039. background-color: rgba(221,171,90, 0.5) !important;
  1040. border-radius: 12rpx 0 0 12rpx;
  1041. z-index: 1000000;
  1042. }
  1043. .mount{
  1044. line-height: 20rpx !important;
  1045. height: 100%;
  1046. }
  1047. button{
  1048. color: #fff;
  1049. background-color: rgba(221,171,90, 0.5);
  1050. padding:0;
  1051. }
  1052. .serviceBox{
  1053. float: right;
  1054. margin-top: 58rpx;
  1055. margin-right: 14rpx;
  1056. height: 40rpx;
  1057. width: 40rpx;
  1058. background-color: #fff;
  1059. }
  1060. .fuwuLogoBox{
  1061. width: 40rpx;
  1062. height: 40rpx;
  1063. line-height: 0;
  1064. }
  1065. .itemLogo{
  1066. width: 100%;
  1067. height: 100%;
  1068. }
  1069. .fuwuName{
  1070. text-align: center;
  1071. color: #000;
  1072. font-size: 24rpx;
  1073. }