order.css 21 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186
  1. @charset "UTF-8";
  2. /* http://meyerweb.com/eric/tools/css/reset/
  3. v2.0 | 20110126
  4. License: none (public domain)
  5. */
  6. html, body, div, span, applet, object, iframe,
  7. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  8. a, abbr, acronym, address, big, cite, code,
  9. del, dfn, em, img, ins, kbd, q, s, samp,
  10. small, strike, strong, sub, sup, tt, var,
  11. b, u, i, center,
  12. dl, dt, dd, ol, ul, li,
  13. fieldset, form, label, legend,
  14. table, caption, tbody, tfoot, thead, tr, th, td,
  15. article, aside, canvas, details, embed,
  16. figure, figcaption, footer, header, hgroup,
  17. menu, nav, output, ruby, section, summary,
  18. time, mark, audio, video {
  19. margin: 0;
  20. padding: 0;
  21. border: 0;
  22. font-size: 100%;
  23. font: inherit;
  24. vertical-align: baseline;
  25. }
  26. /* HTML5 display-role reset for older browsers */
  27. article, aside, details, figcaption, figure,
  28. footer, header, hgroup, menu, nav, section {
  29. display: block;
  30. }
  31. ol, ul {
  32. list-style: none;
  33. }
  34. blockquote, q {
  35. quotes: none;
  36. }
  37. blockquote:before, blockquote:after,
  38. q:before, q:after {
  39. content: '';
  40. content: none;
  41. }
  42. table {
  43. border-collapse: collapse;
  44. border-spacing: 0;
  45. }
  46. input {
  47. -webkit-box-sizing: border-box;
  48. box-sizing: border-box;
  49. }
  50. .loading {
  51. position: fixed;
  52. top: 0;
  53. left: 0;
  54. right: 0;
  55. bottom: 0;
  56. z-index: 9995;
  57. }
  58. .loading .content {
  59. color: rgba(255, 255, 255, 0.6);
  60. margin-top: 4rem;
  61. text-align: center;
  62. font-size: 0.3rem;
  63. }
  64. .lockScroll {
  65. overflow: hidden;
  66. }
  67. .dialog-alert {
  68. top: 50%;
  69. -webkit-transform: translateY(-50%);
  70. transform: translateY(-50%);
  71. left: 1.2rem;
  72. right: 1.2rem;
  73. z-index: 9998;
  74. position: fixed;
  75. -webkit-animation: frames-top-center-01 300ms;
  76. animation: frames-top-center-01 300ms;
  77. border-radius: 0.1rem;
  78. min-height: auto;
  79. height: auto;
  80. background: white;
  81. color: black;
  82. }
  83. .dialog-alert h1 {
  84. font-size: 0.36rem;
  85. font-weight: bold;
  86. text-align: center;
  87. margin-top: 0.5rem;
  88. }
  89. .dialog-alert .content {
  90. min-height: 0.8rem;
  91. margin: 0.2rem 0.6rem;
  92. display: -webkit-box;
  93. display: -ms-flexbox;
  94. display: flex;
  95. -webkit-box-align: center;
  96. -ms-flex-align: center;
  97. align-items: center;
  98. -webkit-box-pack: center;
  99. -ms-flex-pack: center;
  100. justify-content: center;
  101. font-size: 0.3rem;
  102. }
  103. .dialog-alert .actions {
  104. height: 1rem;
  105. display: -webkit-box;
  106. display: -ms-flexbox;
  107. display: flex;
  108. -webkit-box-pack: center;
  109. -ms-flex-pack: center;
  110. justify-content: center;
  111. }
  112. .dialog-alert .actions .btn {
  113. color: white;
  114. font-size: 0.36rem;
  115. background: -webkit-gradient(linear, right top, left top, from(#fa382f), to(#ff7453));
  116. background: linear-gradient(-90deg, #fa382f, #ff7453);
  117. height: 0.7rem;
  118. display: -webkit-box;
  119. display: -ms-flexbox;
  120. display: flex;
  121. -webkit-box-align: center;
  122. -ms-flex-align: center;
  123. align-items: center;
  124. -webkit-box-pack: center;
  125. -ms-flex-pack: center;
  126. justify-content: center;
  127. width: 2rem;
  128. border-radius: 0.4rem;
  129. padding: 0;
  130. margin: 0;
  131. }
  132. @-webkit-keyframes frames-top-center-01 {
  133. 0% {
  134. top: -10%;
  135. }
  136. 100% {
  137. top: 50%;
  138. }
  139. }
  140. @keyframes frames-top-center-01 {
  141. 0% {
  142. top: -10%;
  143. }
  144. 100% {
  145. top: 50%;
  146. }
  147. }
  148. @-webkit-keyframes frames-top-center-02 {
  149. 0% {
  150. top: 0%;
  151. }
  152. 92% {
  153. top: 50%;
  154. }
  155. 100% {
  156. top: 40%;
  157. }
  158. }
  159. @keyframes frames-top-center-02 {
  160. 0% {
  161. top: 0%;
  162. }
  163. 92% {
  164. top: 50%;
  165. }
  166. 100% {
  167. top: 40%;
  168. }
  169. }
  170. @-webkit-keyframes capauth-zoom-in {
  171. 0% {
  172. opacity: 0;
  173. }
  174. 80% {
  175. opacity: 0;
  176. }
  177. 100% {
  178. opacity: 1;
  179. }
  180. }
  181. @keyframes capauth-zoom-in {
  182. 0% {
  183. opacity: 0;
  184. }
  185. 80% {
  186. opacity: 0;
  187. }
  188. 100% {
  189. opacity: 1;
  190. }
  191. }
  192. .overlay {
  193. position: fixed;
  194. top: 0;
  195. right: 0;
  196. bottom: 0;
  197. left: 0;
  198. z-index: 9990;
  199. background-color: rgba(0, 0, 0, 0.7);
  200. min-height: 6.5rem;
  201. }
  202. .overlay-alert {
  203. z-index: 9995;
  204. }
  205. .overlay-loading {
  206. z-index: 9995;
  207. }
  208. #uniauthframe {
  209. width: 100%;
  210. height: 100%;
  211. position: fixed;
  212. top: 0px;
  213. left: 0px;
  214. margin: 0px;
  215. padding: 0px;
  216. border: 0px;
  217. -webkit-animation: capauth-zoom-in 600ms;
  218. animation: capauth-zoom-in 600ms;
  219. z-index: 9990;
  220. }
  221. /*
  222. .dialog-alert .content {
  223. min-height: 1.2rem;
  224. margin: 0.2rem 0.6rem;
  225. display: flex;
  226. align-items: center;
  227. justify-content: center;
  228. }
  229. .actions {
  230. height: 1rem;
  231. display: flex;
  232. justify-content: center;
  233. .btn {
  234. background: red;
  235. height: 0.7rem;
  236. display: flex;
  237. align-items: center;
  238. justify-content: center;
  239. width: 2rem;
  240. border-radius: 0.4rem;
  241. }
  242. }
  243. */
  244. html,
  245. body {
  246. margin: 0;
  247. padding: 0;
  248. height: 100%;
  249. }
  250. body {
  251. color: white;
  252. min-height: 16.35rem;
  253. font-family: PingFangSC-Regular, sans-serif, "SourceHanSansCN-Regular", "Microsoft YaHei", "微软雅黑", STXihei, SimHei, "华文细黑";
  254. background: #f0a5eb url(../images/bg.png) no-repeat;
  255. background-size: 100%;
  256. }
  257. .unicom img {
  258. left: 0.22rem;
  259. position: absolute;
  260. width: 1.49rem;
  261. height: 0.44rem;
  262. top: 0.25rem;
  263. }
  264. .main {
  265. width: 100%;
  266. height: 100%;
  267. min-height: 13rem;
  268. -webkit-box-sizing: border-box;
  269. box-sizing: border-box;
  270. }
  271. .box_adxr::-webkit-scrollbar {
  272. width: 0.12rem;
  273. }
  274. .box_adxr::-webkit-scrollbar-track {
  275. background-color: #f5c1f200;
  276. border-radius: 99px;
  277. }
  278. .box_adxr::-webkit-scrollbar-thumb {
  279. border-radius: 100px;
  280. background: #cf85dc;
  281. height: 1rem;
  282. }
  283. .section-announcement {
  284. position: fixed;
  285. top: 0;
  286. left: 50%;
  287. -webkit-transform: translateX(-50%);
  288. transform: translateX(-50%);
  289. width: 5.86rem;
  290. height: 0.97rem;
  291. font-size: 0.2rem;
  292. display: -webkit-box;
  293. display: -ms-flexbox;
  294. display: flex;
  295. -webkit-box-pack: center;
  296. -ms-flex-pack: center;
  297. justify-content: center;
  298. background: url(../images/bg-announcement.png) no-repeat;
  299. background-size: 100% 100%;
  300. }
  301. .section-announcement .horn {
  302. height: 0.65rem;
  303. display: -webkit-box;
  304. display: -ms-flexbox;
  305. display: flex;
  306. -webkit-box-align: center;
  307. -ms-flex-align: center;
  308. align-items: center;
  309. -webkit-box-pack: center;
  310. -ms-flex-pack: center;
  311. justify-content: center;
  312. }
  313. .section-announcement .horn img {
  314. width: 0.37rem;
  315. height: 0.32rem;
  316. margin-right: 0.05rem;
  317. background: url(../images/horn.png) no-repeat;
  318. background-size: 100% 100%;
  319. }
  320. .section-announcement .content {
  321. height: 0.7rem;
  322. line-height: 0.7rem;
  323. }
  324. .tuid {
  325. background: url(../images/产品td.png) no-repeat;
  326. background-size: 100% 100%;
  327. width: 3rem;
  328. height: 0.81rem;
  329. display: inline-block;
  330. margin-left: 1.41rem;
  331. margin-top: 0.2rem;
  332. }
  333. .chax {
  334. background: url(../images/订购jl.png) no-repeat;
  335. background-size: 100% 100%;
  336. width: 3.18rem;
  337. height: 0.81rem;
  338. display: inline-block;
  339. margin-left: 0.09rem;
  340. margin-top: 00.28rem;
  341. }
  342. .img_adx {
  343. width: 6.6rem;
  344. height: 4.72rem;
  345. margin-top: 4.52rem;
  346. margin-left: 0.44rem;
  347. }
  348. .img_adxs {
  349. width: 100%;
  350. height: 3.91rem;
  351. position: absolute;
  352. top: 0.59rem;
  353. }
  354. .main-order .apps {
  355. margin: 0rem 0.7rem;
  356. }
  357. .main-order .apps img {
  358. width: 100%;
  359. }
  360. .main-order .order {
  361. width: 6.63rem;
  362. height: 1.19rem;
  363. padding: unset;
  364. background: url(../images/btn-order-disabled.png) no-repeat;
  365. background-size: 100% 100%;
  366. position: absolute;
  367. top: 9.45rem;
  368. left: 0.43rem;
  369. }
  370. .main-order .order .btn {
  371. color: white;
  372. font-size: 0.34rem;
  373. width: 100%;
  374. height: 100%;
  375. background: none;
  376. margin: 0;
  377. padding: 0;
  378. display: -webkit-box;
  379. display: -ms-flexbox;
  380. display: flex;
  381. -webkit-box-align: center;
  382. -ms-flex-align: center;
  383. align-items: center;
  384. -webkit-box-pack: center;
  385. -ms-flex-pack: center;
  386. justify-content: center;
  387. border: none;
  388. outline: none;
  389. }
  390. .main-order .btn-tip {
  391. color: #2206B4;
  392. font-size: 0.26rem;
  393. text-align: center;
  394. background: url(../images/查看更多按钮.png) no-repeat;
  395. background-size: 100% 100%;
  396. width: 1.61rem;
  397. height: 0.54rem;
  398. line-height: 0.53rem;
  399. margin-left: 2.61rem;
  400. letter-spacing: 0.01rem;
  401. margin-top: 0.16rem;
  402. font-weight: 600;
  403. }
  404. .overlay {
  405. position: fixed;
  406. top: 0;
  407. right: 0;
  408. bottom: 0;
  409. left: 0;
  410. z-index: 9990;
  411. background-color: rgba(0, 0, 0, 0.3);
  412. min-height: 6.5rem;
  413. }
  414. .dialog-agr {
  415. position: fixed;
  416. top: 50%;
  417. -webkit-transform: translateY(-50%);
  418. transform: translateY(-50%);
  419. left: 0.9rem;
  420. width: 5.70rem;
  421. height: 8.50rem;
  422. font-size: 0.28rem;
  423. background: url(../images/bg-agr.png);
  424. background-size: 100% 100%;
  425. z-index: 10000;
  426. color: #666;
  427. text-align: justify;
  428. border-radius: 0.1rem;
  429. overflow: hidden;
  430. }
  431. .dialog-agr h2 {
  432. height: 0.46rem;
  433. font-size: 0.38rem;
  434. text-align: center;
  435. margin: 0.4rem auto 0.2rem;
  436. width: 1.64rem;
  437. background: url(../images/chanp说明.png);
  438. background-size: 100% 100%;
  439. }
  440. .dialog-agr .close {
  441. width: 0.45rem;
  442. height: 0.45rem;
  443. top: .2rem;
  444. right: 0.3rem;
  445. position: absolute;
  446. }
  447. .dialog-agr .close img {
  448. width: 0.4rem;
  449. height: 0.4rem;
  450. position: absolute;
  451. right: -0.1rem;
  452. top: 0.01rem;
  453. }
  454. .dialog-agr .container {
  455. height: 7.7rem;
  456. overflow: scroll;
  457. margin-top: 0.7rem;
  458. }
  459. .dialog-agr .container .titles {
  460. font-size: 0.28rem;
  461. padding-left: 0.2rem;
  462. display: -webkit-box;
  463. display: -ms-flexbox;
  464. display: flex;
  465. -webkit-box-align: baseline;
  466. -ms-flex-align: baseline;
  467. align-items: baseline;
  468. background: url(../images/流量说明@2x.png);
  469. background-size: 100% 100%;
  470. width: 1.64rem;
  471. height: 0.46rem;
  472. margin-left: 2.01rem;
  473. margin-top: 0.48rem;
  474. margin-bottom: 0.25rem;
  475. }
  476. .dialog-agr .container .titles .dot {
  477. width: 0.2rem;
  478. height: 0.2rem;
  479. background-color: #0bb577;
  480. margin-right: 0.1rem;
  481. }
  482. .dialog-agr .container .title {
  483. font-size: 0.28rem;
  484. padding-left: 0.2rem;
  485. display: -webkit-box;
  486. display: -ms-flexbox;
  487. display: flex;
  488. -webkit-box-align: baseline;
  489. -ms-flex-align: baseline;
  490. align-items: baseline;
  491. background: url(../images/业务说明@2x.png);
  492. background-size: 100% 100%;
  493. width: 1.64rem;
  494. height: 0.46rem;
  495. margin-left: 2.01rem;
  496. margin-bottom: 0.25rem;
  497. }
  498. .dialog-agr .container .title .dot {
  499. width: 0.2rem;
  500. height: 0.2rem;
  501. background-color: #0bb577;
  502. margin-right: 0.1rem;
  503. }
  504. .dialog-agr .container .content {
  505. line-height: 0.39rem;
  506. font-size: 0.24rem;
  507. margin-bottom: 0.15rem;
  508. color: #333333;
  509. letter-spacing: 0.02rem;
  510. }
  511. .dialog-agr .container .content ul {
  512. list-style-type: none;
  513. padding: 0 0.29rem;
  514. }
  515. .dialog-agr .container .content ul li {
  516. margin-bottom: 0.3rem;
  517. }
  518. .box_cp {
  519. background: url(../images/产品说明背景.png) no-repeat;
  520. background-size: 100% 100%;
  521. width: 6.83rem;
  522. height: 3.44rem;
  523. margin-left: 0.32rem;
  524. margin-top: 0.95rem;
  525. position: relative;
  526. }
  527. .box_cd {
  528. background: url(../images/边框@2x.png) no-repeat;
  529. background-size: 100% 100%;
  530. width: 7.2rem;
  531. height: 6.23rem;
  532. margin-left: 0.18rem;
  533. margin-top: 1.1rem;
  534. border-radius: 0.3rem;
  535. }
  536. .main-draw {
  537. padding-bottom: 2rem;
  538. }
  539. .main-draw .banner {
  540. width: 6.13rem;
  541. margin: auto;
  542. padding-left: 0.3rem;
  543. }
  544. .main-draw .banner img {
  545. width: 100%;
  546. }
  547. .main-draw .login {
  548. width: 100%;
  549. height: 8.55rem;
  550. margin-top: -1rem;
  551. background: url("../images/bg-draw.png") no-repeat;
  552. background-size: 100% 100%;
  553. }
  554. input::-webkit-input-placeholder {
  555. color: #666666;
  556. font-size: 0.28rem;
  557. }
  558. input::-moz-placeholder {
  559. /* Mozilla Firefox 19+ */
  560. color: #666666;
  561. font-size: 0.28rem;
  562. }
  563. input:-moz-placeholder {
  564. /* Mozilla Firefox 4 to 18 */
  565. color: #666666;
  566. font-size: 0.28rem;
  567. }
  568. input:-ms-input-placeholder {
  569. /* Internet Explorer 10-11 */
  570. color: #666666;
  571. font-size: 0.28rem;
  572. }
  573. .sms-form {
  574. margin: 0rem 0.4rem 0.3rem;
  575. position: absolute;
  576. top: 9.77rem;
  577. width: 5.37rem;
  578. left: 0.68rem;
  579. }
  580. .form-group .input-row {
  581. display: -webkit-box;
  582. display: -ms-flexbox;
  583. display: flex;
  584. -ms-flex-line-pack: justify;
  585. align-content: space-between;
  586. -webkit-box-pack: center;
  587. -ms-flex-pack: center;
  588. justify-content: center;
  589. margin-bottom: 0.33rem;
  590. }
  591. .form-group .input-row .smscode {
  592. width: 100%;
  593. margin-right: 0.15rem;
  594. }
  595. .form-group .input-row .sendcode {
  596. font-size: 0.32rem;
  597. height: 0.88rem;
  598. line-height: 0.88rem;
  599. color: #FFFFFF;
  600. word-break: keep-all;
  601. white-space: nowrap;
  602. border-radius: 0.1rem;
  603. min-width: 1.96rem;
  604. background: #A649F0;
  605. text-align: center;
  606. letter-spacing: 0.02rem;
  607. }
  608. .form-group .input-row:last-child {
  609. margin-bottom: 0rem;
  610. }
  611. .form-group input {
  612. font-size: 0.28rem;
  613. width: 5.76rem;
  614. height: 0.88rem;
  615. outline: none;
  616. min-width: 2.4rem;
  617. margin-bottom: 0.01rem;
  618. color: #666666;
  619. padding-left: 0.3rem;
  620. letter-spacing: 0.03rem;
  621. background: #FFFFFF;
  622. border: 1px solid #FFFFFF;
  623. border-radius: 0.1rem;
  624. }
  625. .form-group .actions .btn {
  626. color: white;
  627. font-size: 0.36rem;
  628. width: 6.09rem;
  629. height: 1.15rem;
  630. background: url(../images/btn-order.png) no-repeat;
  631. background-size: 100% 100%;
  632. margin: 0 auto;
  633. line-height: 0.88rem;
  634. text-align: center;
  635. border: none;
  636. border-radius: 0;
  637. margin-left: -0.35rem;
  638. }
  639. .section-agr {
  640. margin-top: 0.14rem;
  641. width: 6.48rem;
  642. height: 5.51rem;
  643. margin-bottom: 0.44rem;
  644. margin-left: 0.49rem;
  645. position: relative;
  646. background: rgba(255, 255, 255, 0.3);
  647. -webkit-box-shadow: 5px 9px 50px 0px rgba(6, 86, 185, 0.05), 0px 1px 3px 0px #F3E7FF;
  648. box-shadow: 5px 9px 50px 0px rgba(6, 86, 185, 0.05), 0px 1px 3px 0px #F3E7FF;
  649. border-radius: 0.4rem;
  650. }
  651. .section-agr .title {
  652. height: 1.1rem;
  653. text-align: center;
  654. }
  655. .section-agr .title img {
  656. width: 1.65rem;
  657. height: 0.45rem;
  658. margin-top: 0.64rem;
  659. }
  660. .section-agr .content {
  661. height: 3.89rem;
  662. overflow: auto;
  663. position: absolute;
  664. width: 5.25rem;
  665. top: 1.1rem;
  666. left: 0.65rem;
  667. padding-right: 0.27rem;
  668. font-size: 0.24rem;
  669. color: #333333;
  670. }
  671. .section-agr .content .red {
  672. color: #ff4a38;
  673. }
  674. .section-agr .content .title {
  675. width: 1.7rem;
  676. height: 0.68rem;
  677. background: url(../images/bg-title.png) no-repeat;
  678. background-size: 100% 100%;
  679. display: -webkit-box;
  680. display: -ms-flexbox;
  681. display: flex;
  682. -webkit-box-align: center;
  683. -ms-flex-align: center;
  684. align-items: center;
  685. -webkit-box-pack: center;
  686. -ms-flex-pack: center;
  687. justify-content: center;
  688. font-size: 0.3rem;
  689. color: #63AB47;
  690. margin-bottom: 0.1rem;
  691. }
  692. .section-agr .content ul {
  693. color: #3d4644;
  694. font-size: 0.28rem;
  695. text-align: justify;
  696. margin-bottom: 0.43rem;
  697. }
  698. .section-agr .content ul li {
  699. line-height: 0.36rem;
  700. font-size: 0.22rem;
  701. color: #333333;
  702. font-weight: 400;
  703. }
  704. .section-agr .content ul li .sub-ul {
  705. margin: 0.1rem 0;
  706. }
  707. .section-agr .content ul li .sub-ul li {
  708. font-size: 0.24rem;
  709. }
  710. .section-agr .content ul li:last-child {
  711. margin-bottom: 0;
  712. }
  713. .section-agr .footer {
  714. color: #ff4a38;
  715. text-align: center;
  716. font-size: 0.24rem;
  717. }
  718. .section-agr .footer span {
  719. -webkit-transform: rotate(7deg);
  720. transform: rotate(7deg);
  721. }
  722. .main-cancel {
  723. padding-bottom: 3rem;
  724. }
  725. .main-cancel .banner {
  726. margin-top: 0.59rem;
  727. width: 100%;
  728. height: 3.91rem;
  729. }
  730. .main-cancel .banner img {
  731. width: 100%;
  732. }
  733. .main-cancel .login {
  734. width: 7.42rem;
  735. height: 4.87rem;
  736. margin-left: 0.08rem;
  737. background: url(../images/圆角矩形2.1.png) no-repeat;
  738. background-size: 100% 100%;
  739. margin-top: -0.5rem;
  740. }
  741. .main-cancel .login .tips {
  742. display: -webkit-box;
  743. display: -ms-flexbox;
  744. display: flex;
  745. font-size: 0.28rem;
  746. color: rgba(188, 130, 19, 0.6);
  747. padding: 2.5rem 0.6rem 0rem;
  748. text-align: justify;
  749. }
  750. .main-cancel .login .tips .ring {
  751. width: 0.6rem;
  752. display: -webkit-box;
  753. display: -ms-flexbox;
  754. display: flex;
  755. margin: 0 0.15rem 0 0;
  756. }
  757. .main-cancel .login .tips .ring img {
  758. height: 0.5rem;
  759. }
  760. .dialog-alert .actions .btn {
  761. color: white;
  762. font-size: 0.36rem;
  763. background: #3b92e6;
  764. height: 0.7rem;
  765. display: -webkit-box;
  766. display: -ms-flexbox;
  767. display: flex;
  768. -webkit-box-align: center;
  769. -ms-flex-align: center;
  770. align-items: center;
  771. -webkit-box-pack: center;
  772. -ms-flex-pack: center;
  773. justify-content: center;
  774. width: 2rem;
  775. border-radius: 0.4rem;
  776. padding: 0;
  777. margin: 0;
  778. }
  779. .dialog-confirm {
  780. position: fixed;
  781. top: 4rem;
  782. left: 0.62rem;
  783. right: 0.62rem;
  784. height: 3.6rem;
  785. border-radius: 0.3rem;
  786. z-index: 9992;
  787. background: #ffffff;
  788. }
  789. .dialog-confirm .close {
  790. position: absolute;
  791. top: 0;
  792. right: 0.45rem;
  793. width: 0.59rem;
  794. height: 0.69rem;
  795. }
  796. .dialog-confirm .close img {
  797. width: 100%;
  798. }
  799. .dialog-confirm h1 {
  800. color: #333333;
  801. font-size: 0.34rem;
  802. font-weight: bold;
  803. text-align: center;
  804. margin: 0.63rem auto 0;
  805. }
  806. .dialog-confirm .content {
  807. color: #333333;
  808. font-size: 0.32rem;
  809. height: 1.8rem;
  810. text-align: center;
  811. line-height: 0.5rem;
  812. margin: 0.6rem 0.42rem 0;
  813. }
  814. .dialog-confirm .actions {
  815. font-size: 0.3rem;
  816. display: -webkit-box;
  817. display: -ms-flexbox;
  818. display: flex;
  819. -webkit-box-align: center;
  820. -ms-flex-align: center;
  821. align-items: center;
  822. -webkit-box-pack: justify;
  823. -ms-flex-pack: justify;
  824. justify-content: space-between;
  825. margin: 0 0.6rem;
  826. }
  827. .dialog-confirm .actions .btn {
  828. color: #0bb577;
  829. font-size: 0.3rem;
  830. width: 2.2rem;
  831. height: 0.8rem;
  832. display: -webkit-box;
  833. display: -ms-flexbox;
  834. display: flex;
  835. -webkit-box-align: center;
  836. -ms-flex-align: center;
  837. align-items: center;
  838. -webkit-box-pack: center;
  839. -ms-flex-pack: center;
  840. justify-content: center;
  841. border-radius: 0.4rem;
  842. background: #e2f6ef;
  843. }
  844. .dialog-confirm .actions .okay {
  845. color: white;
  846. float: left;
  847. background: #0bb577;
  848. }
  849. .draw {
  850. display: -webkit-box;
  851. display: -ms-flexbox;
  852. display: flex;
  853. font-size: 0.3rem;
  854. -webkit-box-align: center;
  855. -ms-flex-align: center;
  856. align-items: center;
  857. -webkit-box-pack: center;
  858. -ms-flex-pack: center;
  859. justify-content: center;
  860. color: #44533c;
  861. }
  862. .draw .btn-draw {
  863. width: 2.3rem;
  864. height: 0.86rem;
  865. margin-left: 0.15rem;
  866. background: url(../images/btn-draw.png) no-repeat;
  867. background-size: 100% 100%;
  868. }
  869. .nox_aor {
  870. font-size: 0.26rem;
  871. position: relative;
  872. width: 100%;
  873. text-align: center;
  874. color: #ffffffcf;
  875. margin-top: 0.2rem;
  876. }
  877. .yuans {
  878. width: 0.22rem;
  879. height: 0.22rem;
  880. border-radius: 3rem;
  881. border: solid 0.02rem #ffff;
  882. display: block;
  883. position: absolute;
  884. background: none;
  885. left: 1.8rem;
  886. top: 0.06rem;
  887. }
  888. .text_lan {
  889. text-decoration: none;
  890. color: #ffffffcf;
  891. }
  892. .chanp {
  893. width: 2.72rem;
  894. height: 0.7rem;
  895. position: absolute;
  896. left: 1.95rem;
  897. top: -0.2rem;
  898. }
  899. .text_ar {
  900. font-size: 0.26rem;
  901. color: #FFFFFF;
  902. margin-left: 0.51rem;
  903. font-weight: 400;
  904. font-family: PingFang SC;
  905. margin-top: -0.1rem;
  906. margin-bottom: 0.15rem;
  907. line-height: 0.46rem;
  908. }
  909. .img_acoc {
  910. width: 5.19rem;
  911. height: 2.11rem;
  912. position: absolute;
  913. top: 0.98rem;
  914. left: 0.82rem;
  915. }
  916. .chanps {
  917. width: 3.83rem;
  918. height: 0.7rem;
  919. position: absolute;
  920. top: -0.2rem;
  921. left: 1.4rem;
  922. }
  923. .imgga {
  924. width: 0.98rem;
  925. height: 0.98rem;
  926. position: absolute;
  927. top: 1.37rem;
  928. left: 0.75rem;
  929. }
  930. .imggb {
  931. width: 0.98rem;
  932. height: 0.98rem;
  933. position: absolute;
  934. top: 1.37rem;
  935. left: 2.18rem;
  936. }
  937. .imggc {
  938. width: 0.98rem;
  939. height: 0.98rem;
  940. position: absolute;
  941. top: 1.37rem;
  942. left: 3.61rem;
  943. }
  944. .imggd {
  945. width: 0.98rem;
  946. height: 0.98rem;
  947. position: absolute;
  948. top: 1.37rem;
  949. left: 5.04rem;
  950. }
  951. .imgge {
  952. width: 0.98rem;
  953. height: 0.98rem;
  954. position: absolute;
  955. top: 2.58rem;
  956. left: 0.75rem;
  957. }
  958. .imggf {
  959. width: 0.98rem;
  960. height: 0.98rem;
  961. position: absolute;
  962. top: 2.57rem;
  963. left: 2.18rem;
  964. }
  965. .imggg {
  966. width: 0.98rem;
  967. height: 0.98rem;
  968. position: absolute;
  969. top: 2.57rem;
  970. left: 3.6rem;
  971. }
  972. .imggh {
  973. width: 0.98rem;
  974. height: 0.98rem;
  975. position: absolute;
  976. top: 2.57rem;
  977. left: 5.04rem;
  978. }
  979. .overlaycsr {
  980. position: fixed;
  981. top: 0;
  982. right: 0;
  983. bottom: 0;
  984. left: 0;
  985. z-index: 9990;
  986. background-color: #000000ab;
  987. min-height: 6.5rem;
  988. }
  989. .dialog-alertsrc {
  990. width: 6.28rem;
  991. height: 3.54rem;
  992. position: fixed;
  993. top: 4.44rem;
  994. left: 0.41rem;
  995. z-index: 9998;
  996. -webkit-animation: frames-top-center-01 300ms;
  997. animation: frames-top-center-01 300ms;
  998. border-radius: 0.1rem;
  999. background: url(../images/弹窗bgg.png) no-repeat;
  1000. background-size: 100% 100%;
  1001. }
  1002. .dialog-alertsrc .guanbi {
  1003. background: url(../images/关闭bgg.png) no-repeat;
  1004. background-size: 100% 100%;
  1005. width: 0.41rem;
  1006. height: 0.41rem;
  1007. margin-left: 5.71rem;
  1008. margin-top: -0.05rem;
  1009. }
  1010. .dialog-alertsrc .content {
  1011. margin: 1rem 1rem;
  1012. display: -webkit-box;
  1013. display: -ms-flexbox;
  1014. display: flex;
  1015. -webkit-box-align: center;
  1016. -ms-flex-align: center;
  1017. align-items: center;
  1018. -webkit-box-pack: center;
  1019. -ms-flex-pack: center;
  1020. justify-content: center;
  1021. font-size: 0.26rem;
  1022. color: #333333;
  1023. letter-spacing: 0.03rem;
  1024. margin-left: 1.5rem;
  1025. }
  1026. .dialog-alertsrc .actions {
  1027. height: 1rem;
  1028. display: -webkit-box;
  1029. display: -ms-flexbox;
  1030. display: flex;
  1031. -webkit-box-pack: center;
  1032. -ms-flex-pack: center;
  1033. justify-content: center;
  1034. }
  1035. .dialog-alertsrc .actions .img_btn {
  1036. background: url(../images/按钮bgg.png) no-repeat;
  1037. background-size: 100% 100%;
  1038. width: 4.33rem;
  1039. height: 0.86rem;
  1040. margin-top: 0.13rem;
  1041. margin-left: 0.25rem;
  1042. }
  1043. .dialog-alertsrc .actions .btn {
  1044. display: -webkit-box;
  1045. display: -ms-flexbox;
  1046. display: flex;
  1047. -webkit-box-align: center;
  1048. -ms-flex-align: center;
  1049. align-items: center;
  1050. -webkit-box-pack: center;
  1051. -ms-flex-pack: center;
  1052. justify-content: center;
  1053. border-radius: 0.4rem;
  1054. padding: 0;
  1055. }
  1056. /*# sourceMappingURL=order.css.map */