chat.wxss 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. .lb-picker.data-v-6c871a9d {
  12. position: relative;
  13. }
  14. .lb-picker .lb-picker-mask.data-v-6c871a9d {
  15. position: fixed;
  16. z-index: 999;
  17. top: 0;
  18. right: 0;
  19. left: 0;
  20. bottom: 0;
  21. }
  22. .lb-picker .lb-picker-container.data-v-6c871a9d {
  23. width: 100%;
  24. position: fixed;
  25. left: 0;
  26. bottom: 0;
  27. -webkit-transform: translateY(100%);
  28. transform: translateY(100%);
  29. -webkit-backface-visibility: hidden;
  30. backface-visibility: hidden;
  31. background-color: #efeff4;
  32. box-shadow: 0px 0px 1px 0px #e5e5e5;
  33. visibility: hidden;
  34. overflow: hidden;
  35. z-index: 999;
  36. -webkit-transition: all 0.3s;
  37. transition: all 0.3s;
  38. }
  39. .lb-picker .lb-picker-container.lb-picker-toggle.data-v-6c871a9d {
  40. visibility: visible;
  41. -webkit-transform: translate(0);
  42. transform: translate(0);
  43. }
  44. .lb-picker .lb-picker-container .lb-picker-header.data-v-6c871a9d {
  45. position: relative;
  46. font-size: 36rpx;
  47. box-sizing: border-box;
  48. background-color: #ffffff;
  49. display: -webkit-box;
  50. display: -webkit-flex;
  51. display: flex;
  52. -webkit-box-pack: justify;
  53. -webkit-justify-content: space-between;
  54. justify-content: space-between;
  55. }
  56. .lb-picker .lb-picker-container .lb-picker-header.data-v-6c871a9d::after {
  57. content: "";
  58. position: absolute;
  59. left: 0;
  60. bottom: 0;
  61. right: 0;
  62. height: 1px;
  63. clear: both;
  64. border-bottom: 1px solid #e5e5e5;
  65. color: #e5e5e5;
  66. -webkit-transform-origin: 0 100%;
  67. transform-origin: 0 100%;
  68. -webkit-transform: scaleY(0.5);
  69. transform: scaleY(0.5);
  70. }
  71. .lb-picker .lb-picker-container .lb-picker-header .lb-picker-action.data-v-6c871a9d {
  72. font-size: 32rpx;
  73. padding: 0 28rpx;
  74. display: -webkit-box;
  75. display: -webkit-flex;
  76. display: flex;
  77. -webkit-box-align: center;
  78. -webkit-align-items: center;
  79. align-items: center;
  80. }
  81. .lb-picker .lb-picker-container .lb-picker-header .lb-picker-action .lb-picker-action-cancel.data-v-6c871a9d {
  82. color: #999;
  83. }
  84. .lb-picker .lb-picker-container .lb-picker-header .lb-picker-action .lb-picker-action-confirm.data-v-6c871a9d {
  85. color: #007aff;
  86. }
  87. .lb-picker .lb-picker-container .lb-picker-content.data-v-6c871a9d {
  88. position: relative;
  89. width: 100%;
  90. background-color: #fff;
  91. font-size: 32rpx;
  92. }
  93. .lb-picker .lb-picker-container .lb-picker-content .uni-picker-view-indicator.data-v-6c871a9d::after {
  94. bottom: 1px;
  95. }
  96. .lb-picker .lb-picker-container .lb-picker-content .lb-picker-loading.data-v-6c871a9d,
  97. .lb-picker .lb-picker-container .lb-picker-content .lb-picker-empty.data-v-6c871a9d {
  98. height: 100%;
  99. display: -webkit-box;
  100. display: -webkit-flex;
  101. display: flex;
  102. -webkit-box-pack: center;
  103. -webkit-justify-content: center;
  104. justify-content: center;
  105. -webkit-box-align: center;
  106. -webkit-align-items: center;
  107. align-items: center;
  108. }
  109. .lb-picker .lb-picker-container .lb-picker-content .lb-picker-loading .lb-picker-loading-img.data-v-6c871a9d {
  110. width: 64rpx;
  111. height: 64rpx;
  112. background-image: url(data:image/png;base64,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);
  113. background-repeat: no-repeat;
  114. background-size: 100% 100%;
  115. -webkit-animation: rotating-data-v-6c871a9d 2s linear infinite;
  116. animation: rotating-data-v-6c871a9d 2s linear infinite;
  117. }
  118. .lb-picker .lb-picker-container .lb-picker-content .lb-picker-empty.data-v-6c871a9d {
  119. font-size: 32rpx;
  120. }
  121. .lb-picker .lb-picker-container .lb-picker-content .lb-picker-empty .lb-picker-empty-text.data-v-6c871a9d {
  122. color: #999;
  123. }
  124. .lb-picker.lb-picker-inline .lb-picker-container.data-v-6c871a9d {
  125. position: relative;
  126. visibility: visible;
  127. box-shadow: unset;
  128. -webkit-transform: translateY(0);
  129. transform: translateY(0);
  130. }
  131. @-webkit-keyframes rotating-data-v-6c871a9d {
  132. 0% {
  133. -webkit-transform: rotate(0deg);
  134. transform: rotate(0deg);
  135. }
  136. to {
  137. -webkit-transform: rotate(1turn);
  138. transform: rotate(1turn);
  139. }
  140. }
  141. @keyframes rotating-data-v-6c871a9d {
  142. 0% {
  143. -webkit-transform: rotate(0deg);
  144. transform: rotate(0deg);
  145. }
  146. to {
  147. -webkit-transform: rotate(1turn);
  148. transform: rotate(1turn);
  149. }
  150. }
  151. @charset "UTF-8";
  152. /* 页面左右间距 */
  153. /* 文字尺寸 */
  154. /*文字颜色*/
  155. /* 边框颜色 */
  156. /*颜色*/
  157. /* 图片加载中颜色 */
  158. /* 行为相关颜色 */
  159. /* 功能栏字体大小 */
  160. /*功能栏左侧小图标*/
  161. page {
  162. height: 100%;
  163. }
  164. page .container {
  165. width: 100%;
  166. height: 100%;
  167. background: #ffffff;
  168. }
  169. .Info-image {
  170. position: absolute;
  171. top: 0;
  172. height: 100%;
  173. width: 100%;
  174. background-color: black;
  175. }
  176. .Info-image .mask {
  177. top: 20%;
  178. left: 10%;
  179. height: 100%;
  180. width: 100%;
  181. text-align: center;
  182. }
  183. .Info-image .mask image {
  184. margin: 10 auto 0 auto;
  185. width: 100% !important;
  186. height: 90% !important;
  187. }
  188. .Info-image .mask .foot-box {
  189. position: fixed;
  190. bottom: 0;
  191. width: 100%;
  192. height: 150rpx;
  193. padding: 0rpx 50rpx;
  194. background-color: #2A2C39;
  195. }
  196. .Info-image .mask .foot-box .send-btn {
  197. width: 30%;
  198. padding: 20rpx 0rpx;
  199. color: #FFFFFF;
  200. background-color: #1482d1;
  201. font-size: 26rpx;
  202. border-radius: 15rpx;
  203. }
  204. .Info-image .mask .foot-box .btn {
  205. color: #FFFFFF !important;
  206. background-color: #818181 !important;
  207. }
  208. .top-header {
  209. width: 100%;
  210. padding: 30rpx 25rpx;
  211. font-size: 30rpx;
  212. color: #ffffff;
  213. background: -webkit-linear-gradient(38deg, #7e99fe, #978ffa);
  214. background: linear-gradient(52deg, #7e99fe, #978ffa);
  215. }
  216. .top-header .icon image {
  217. width: 35rpx;
  218. height: 35rpx;
  219. }
  220. .top-header .name {
  221. font-size: 35rpx;
  222. }
  223. .uni-column {
  224. display: -webkit-box;
  225. display: -webkit-flex;
  226. display: flex;
  227. -webkit-box-orient: vertical;
  228. -webkit-box-direction: normal;
  229. -webkit-flex-direction: column;
  230. flex-direction: column;
  231. }
  232. .content {
  233. display: -webkit-box;
  234. display: -webkit-flex;
  235. display: flex;
  236. -webkit-box-flex: 1;
  237. -webkit-flex: 1;
  238. flex: 1;
  239. /* margin-bottom: 100upx; */
  240. }
  241. .foot {
  242. box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.1);
  243. position: fixed;
  244. width: 100%;
  245. height: auto;
  246. left: 0rpx;
  247. bottom: 0;
  248. overflow: hidden;
  249. }
  250. .footer {
  251. display: -webkit-box;
  252. display: -webkit-flex;
  253. display: flex;
  254. -webkit-box-orient: horizontal;
  255. -webkit-box-direction: normal;
  256. -webkit-flex-direction: row;
  257. flex-direction: row;
  258. width: 100%;
  259. height: 110rpx;
  260. line-height: 100rpx;
  261. overflow: hidden;
  262. background-color: #ffffff;
  263. }
  264. .footer-left {
  265. display: -webkit-box;
  266. display: -webkit-flex;
  267. display: flex;
  268. -webkit-box-pack: end;
  269. -webkit-justify-content: flex-end;
  270. justify-content: flex-end;
  271. -webkit-box-align: center;
  272. -webkit-align-items: center;
  273. align-items: center;
  274. padding: 0rpx 25rpx;
  275. }
  276. .footer-left image {
  277. width: 50rpx;
  278. height: 40rpx;
  279. }
  280. .footer-left1 {
  281. display: -webkit-box;
  282. display: -webkit-flex;
  283. display: flex;
  284. -webkit-box-pack: end;
  285. -webkit-justify-content: flex-end;
  286. justify-content: flex-end;
  287. -webkit-box-align: center;
  288. -webkit-align-items: center;
  289. align-items: center;
  290. padding: 0rpx 25rpx;
  291. }
  292. .footer-left1 image {
  293. width: 58rpx;
  294. height: 48rpx;
  295. }
  296. .footer-emotion {
  297. display: -webkit-box;
  298. display: -webkit-flex;
  299. display: flex;
  300. -webkit-box-pack: end;
  301. -webkit-justify-content: flex-end;
  302. justify-content: flex-end;
  303. -webkit-box-align: center;
  304. -webkit-align-items: center;
  305. align-items: center;
  306. color: #1482d1;
  307. padding-right: 25rpx;
  308. }
  309. .footer-right {
  310. background-color: #6786fb;
  311. width: 130rpx;
  312. display: -webkit-box;
  313. display: -webkit-flex;
  314. display: flex;
  315. -webkit-box-pack: center;
  316. -webkit-justify-content: center;
  317. justify-content: center;
  318. -webkit-box-align: center;
  319. -webkit-align-items: center;
  320. align-items: center;
  321. color: #FFFFFF;
  322. line-height: 20rpx;
  323. font-size: 28rpx;
  324. }
  325. .footer-right image {
  326. width: 50rpx;
  327. height: 50rpx;
  328. }
  329. .footer-center {
  330. border-left: 2rpx solid #cccccc;
  331. padding-left: 20rpx;
  332. -webkit-box-flex: 1;
  333. -webkit-flex: 1;
  334. flex: 1;
  335. display: -webkit-box;
  336. display: -webkit-flex;
  337. display: flex;
  338. -webkit-box-pack: center;
  339. -webkit-justify-content: center;
  340. justify-content: center;
  341. -webkit-box-align: center;
  342. -webkit-align-items: center;
  343. align-items: center;
  344. font-size: 26rpx;
  345. }
  346. .footer-center .input-text {
  347. font-size: 26rpx;
  348. -webkit-box-flex: 1;
  349. -webkit-flex: 1;
  350. flex: 1;
  351. background: #fff;
  352. font-family: verdana !important;
  353. overflow: hidden;
  354. border-radius: 15rpx;
  355. }
  356. @font-face {
  357. font-family: 'iconfont';
  358. /* project id 1134039 */
  359. src: url("http://at.alicdn.com/t/font_1134039_uait6xu86bf.eot");
  360. src: url("http://at.alicdn.com/t/font_1134039_uait6xu86bf.eot?#iefix") format("embedded-opentype"), url("http://at.alicdn.com/t/font_1134039_uait6xu86bf.woff2") format("woff2"), url("http://at.alicdn.com/t/font_1134039_uait6xu86bf.woff") format("woff"), url("http://at.alicdn.com/t/font_1134039_uait6xu86bf.ttf") format("truetype"), url("http://at.alicdn.com/t/font_1134039_uait6xu86bf.svg#iconfont") format("svg");
  361. }
  362. .iconfont {
  363. font-family: 'iconfont' !important;
  364. font-size: 18px;
  365. font-style: normal;
  366. -webkit-font-smoothing: antialiased;
  367. -moz-osx-font-smoothing: grayscale;
  368. }
  369. .icon {
  370. color: #f3b72c !important;
  371. }
  372. .icon-face:before {
  373. content: '\e71c';
  374. font-size: 50rpx;
  375. }
  376. .time {
  377. padding-top: 45rpx;
  378. padding-bottom: 5rpx !important;
  379. width: 100%;
  380. text-align: center;
  381. font-size: 24rpx;
  382. color: #69707F;
  383. }
  384. .m-item {
  385. display: -webkit-box;
  386. display: -webkit-flex;
  387. display: flex;
  388. -webkit-box-orient: horizontal;
  389. -webkit-box-direction: normal;
  390. -webkit-flex-direction: row;
  391. flex-direction: row;
  392. padding-top: 40rpx;
  393. }
  394. .m-left {
  395. display: -webkit-box;
  396. display: -webkit-flex;
  397. display: flex;
  398. width: 120rpx;
  399. -webkit-box-pack: center;
  400. -webkit-justify-content: center;
  401. justify-content: center;
  402. -webkit-box-align: start;
  403. -webkit-align-items: flex-start;
  404. align-items: flex-start;
  405. }
  406. .m-content {
  407. display: -webkit-box;
  408. display: -webkit-flex;
  409. display: flex;
  410. -webkit-box-flex: 1;
  411. -webkit-flex: 1;
  412. flex: 1;
  413. -webkit-box-orient: vertical;
  414. -webkit-box-direction: normal;
  415. -webkit-flex-direction: column;
  416. flex-direction: column;
  417. -webkit-box-pack: center;
  418. -webkit-justify-content: center;
  419. justify-content: center;
  420. word-break: break-all;
  421. font-size: 22rpx;
  422. }
  423. .m-right {
  424. display: -webkit-box;
  425. display: -webkit-flex;
  426. display: flex;
  427. width: 120rpx;
  428. -webkit-box-pack: center;
  429. -webkit-justify-content: center;
  430. justify-content: center;
  431. -webkit-box-align: start;
  432. -webkit-align-items: flex-start;
  433. align-items: flex-start;
  434. }
  435. .head_icon {
  436. width: 80rpx;
  437. height: 80rpx;
  438. border-radius: 100%;
  439. }
  440. .m-content-head {
  441. position: relative;
  442. }
  443. ._a {
  444. display: block;
  445. text-decoration: none;
  446. color: #303133;
  447. font-size: 28rpx;
  448. }
  449. .question-title {
  450. display: block;
  451. text-decoration: none;
  452. }
  453. .question-img {
  454. margin-top: 8rpx;
  455. width: 300rpx;
  456. height: 280rpx;
  457. }
  458. .question-img image {
  459. width: 300rpx;
  460. height: 280rpx;
  461. }
  462. .mes-image {
  463. width: 300rpx;
  464. }
  465. .m-content-head-right {
  466. display: -webkit-box;
  467. display: -webkit-flex;
  468. display: flex;
  469. -webkit-box-pack: end;
  470. -webkit-justify-content: flex-end;
  471. justify-content: flex-end;
  472. }
  473. .m-content-head-customer {
  474. text-align: left;
  475. background: #f7f7fb;
  476. border: 1px #f7f7fb solid;
  477. border-radius: 20rpx;
  478. padding: 20rpx 25rpx;
  479. font-size: 26rpx !important;
  480. display: inline-block;
  481. }
  482. .m-content-head-customer:before {
  483. border: 15rpx solid transparent;
  484. border-right: 15rpx solid #f7f7fb;
  485. left: -26rpx;
  486. width: 0;
  487. height: 0;
  488. position: absolute;
  489. content: ' ';
  490. }
  491. .m-content-head-home {
  492. border: 1rpx white solid;
  493. font-size: 26rpx !important;
  494. background: white;
  495. border-radius: 20rpx;
  496. padding: 20rpx;
  497. background-color: #f7f7fb;
  498. }
  499. .m-content-head-home:after {
  500. border: 15rpx solid transparent;
  501. border-left: 15rpx solid #f7f7fb;
  502. top: 20rpx;
  503. right: -26rpx;
  504. width: 0;
  505. height: 0;
  506. position: absolute;
  507. content: ' ';
  508. }
  509. .pay-type-list {
  510. margin-top: 20rpx;
  511. background-color: #fff;
  512. padding-left: 40rpx;
  513. }
  514. .pay-type-list .type-item {
  515. height: 120rpx;
  516. padding: 20rpx 0;
  517. display: -webkit-box;
  518. display: -webkit-flex;
  519. display: flex;
  520. -webkit-box-pack: justify;
  521. -webkit-justify-content: space-between;
  522. justify-content: space-between;
  523. -webkit-box-align: center;
  524. -webkit-align-items: center;
  525. align-items: center;
  526. padding-right: 60rpx;
  527. font-size: 30rpx;
  528. position: relative;
  529. }
  530. .pay-type-list .type-item1 {
  531. height: 120rpx;
  532. padding: 20rpx 0;
  533. -webkit-box-pack: justify;
  534. -webkit-justify-content: space-between;
  535. justify-content: space-between;
  536. -webkit-box-align: center;
  537. -webkit-align-items: center;
  538. align-items: center;
  539. padding-right: 60rpx;
  540. font-size: 30rpx;
  541. position: relative;
  542. }
  543. .pay-type-list .type-item1 .row-1 {
  544. display: -webkit-box;
  545. display: -webkit-flex;
  546. display: flex;
  547. }
  548. .pay-type-list .type-item1 .row-2 {
  549. margin-top: 12rpx;
  550. font-size: 28rpx;
  551. color: #C0C4CC;
  552. text-align: center;
  553. }
  554. .pay-type-list .icon {
  555. width: 100rpx;
  556. font-size: 52rpx;
  557. }
  558. .pay-type-list .img {
  559. color: #fe8e2e;
  560. width: 50rpx;
  561. height: 50rpx;
  562. }
  563. .pay-type-list .img image {
  564. width: 100%;
  565. height: 100%;
  566. }
  567. .pay-type-list .tit {
  568. font-size: 32rpx;
  569. color: #303133;
  570. margin-bottom: 4rpx;
  571. }
  572. .pay-type-list .con {
  573. -webkit-box-flex: 1;
  574. -webkit-flex: 1;
  575. flex: 1;
  576. display: -webkit-box;
  577. display: -webkit-flex;
  578. display: flex;
  579. -webkit-box-orient: vertical;
  580. -webkit-box-direction: normal;
  581. -webkit-flex-direction: column;
  582. flex-direction: column;
  583. padding-left: 25rpx;
  584. font-size: 24rpx;
  585. color: #909399;
  586. }
  587. .payment {
  588. background-color: #ffffff;
  589. border-radius: 15rpx 15rpx 0rpx 0rpx;
  590. }
  591. .payment .first {
  592. border-bottom: 2rpx solid #ebeef5;
  593. padding: 38rpx 25rpx;
  594. }
  595. .payment .first .word {
  596. font-size: 28rpx;
  597. font-weight: bold;
  598. color: #303133;
  599. }
  600. .payment .first image {
  601. width: 25rpx;
  602. height: 25rpx;
  603. }
  604. .payment .one {
  605. height: 20rpx;
  606. background-color: #f6f6f6;
  607. }
  608. .payment .Third ._a {
  609. width: 50%;
  610. display: block;
  611. text-decoration: none;
  612. }
  613. .payment .Third .two1 {
  614. text-align: center;
  615. color: #6786fb;
  616. font-size: 32rpx;
  617. font-weight: 550;
  618. text-align: center;
  619. padding: 30rpx 0rpx;
  620. }
  621. .payment .Third .two1 .size {
  622. font-size: 36rpx;
  623. }
  624. .payment .Third .two2 {
  625. width: 100%;
  626. background: #6786fb;
  627. color: #ffffff;
  628. font-size: 32rpx;
  629. font-weight: 550;
  630. text-align: center;
  631. padding: 30rpx 0rpx;
  632. }
  633. .payment .Third .clickbg {
  634. background-color: #999999 !important;
  635. }