order.css 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176
  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: 19rem;
  253. font-family: PingFangSC-Regular, sans-serif, "SourceHanSansCN-Regular", "Microsoft YaHei", "微软雅黑", STXihei, SimHei, "华文细黑";
  254. background: #86d4fb url(../images/bg.png) no-repeat;
  255. background-size: 100%;
  256. }
  257. .unicom img {
  258. width: 1.38rem;
  259. height: 0.41rem;
  260. position: absolute;
  261. top: 0.29rem;
  262. left: 0.29rem;
  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. .section-announcement {
  272. position: fixed;
  273. top: 0;
  274. left: 50%;
  275. -webkit-transform: translateX(-50%);
  276. transform: translateX(-50%);
  277. width: 5.86rem;
  278. height: 0.97rem;
  279. font-size: 0.2rem;
  280. display: -webkit-box;
  281. display: -ms-flexbox;
  282. display: flex;
  283. -webkit-box-pack: center;
  284. -ms-flex-pack: center;
  285. justify-content: center;
  286. background: url(../images/bg-announcement.png) no-repeat;
  287. background-size: 100% 100%;
  288. }
  289. .section-announcement .horn {
  290. height: 0.65rem;
  291. display: -webkit-box;
  292. display: -ms-flexbox;
  293. display: flex;
  294. -webkit-box-align: center;
  295. -ms-flex-align: center;
  296. align-items: center;
  297. -webkit-box-pack: center;
  298. -ms-flex-pack: center;
  299. justify-content: center;
  300. }
  301. .section-announcement .horn img {
  302. width: 0.37rem;
  303. height: 0.32rem;
  304. margin-right: 0.05rem;
  305. background: url(../images/horn.png) no-repeat;
  306. background-size: 100% 100%;
  307. }
  308. .section-announcement .content {
  309. height: 0.7rem;
  310. line-height: 0.7rem;
  311. }
  312. .tuid {
  313. background: url(../images/产品td.png) no-repeat;
  314. background-size: 100% 100%;
  315. width: 3rem;
  316. height: 0.81rem;
  317. display: inline-block;
  318. margin-left: 1.41rem;
  319. margin-top: 0.2rem;
  320. }
  321. .chax {
  322. background: url(../images/订购jl.png) no-repeat;
  323. background-size: 100% 100%;
  324. width: 3.18rem;
  325. height: 0.81rem;
  326. display: inline-block;
  327. margin-left: 0.09rem;
  328. margin-top: 00.28rem;
  329. }
  330. .img_adx {
  331. width: 100%;
  332. height: 7.83rem;
  333. margin-top: 1.84rem;
  334. }
  335. .img_adxs {
  336. width: 5.73rem;
  337. height: 2.39rem;
  338. position: absolute;
  339. top: 1.04rem;
  340. left: 0.9rem;
  341. }
  342. .main-order .apps {
  343. margin: 0rem 0.7rem;
  344. }
  345. .main-order .apps img {
  346. width: 100%;
  347. }
  348. .main-order .order {
  349. width: 6.62rem;
  350. height: 1.05rem;
  351. padding: unset;
  352. background: url(../images/btn-order-disabled.png) no-repeat;
  353. background-size: 100% 100%;
  354. position: absolute;
  355. top: 9.04rem;
  356. left: 0.42rem;
  357. }
  358. .main-order .order .btn {
  359. color: white;
  360. font-size: 0.34rem;
  361. width: 100%;
  362. height: 100%;
  363. background: none;
  364. margin: 0;
  365. padding: 0;
  366. display: -webkit-box;
  367. display: -ms-flexbox;
  368. display: flex;
  369. -webkit-box-align: center;
  370. -ms-flex-align: center;
  371. align-items: center;
  372. -webkit-box-pack: center;
  373. -ms-flex-pack: center;
  374. justify-content: center;
  375. border: none;
  376. outline: none;
  377. }
  378. .main-order .btn-tip {
  379. color: #2a8cf9eb;
  380. font-size: 0.26rem;
  381. text-align: center;
  382. background: url(../images/查看更多按钮.png) no-repeat;
  383. background-size: 100% 100%;
  384. width: 1.8rem;
  385. height: 0.51rem;
  386. line-height: 0.53rem;
  387. margin-left: 2.47rem;
  388. letter-spacing: 0.01rem;
  389. margin-top: 0.27rem;
  390. font-weight: 600;
  391. }
  392. .overlay {
  393. position: fixed;
  394. top: 0;
  395. right: 0;
  396. bottom: 0;
  397. left: 0;
  398. z-index: 9990;
  399. background-color: rgba(0, 0, 0, 0.3);
  400. min-height: 6.5rem;
  401. }
  402. .dialog-agr {
  403. position: fixed;
  404. top: 50%;
  405. -webkit-transform: translateY(-50%);
  406. transform: translateY(-50%);
  407. left: 0.9rem;
  408. width: 5.70rem;
  409. height: 8.50rem;
  410. font-size: 0.28rem;
  411. background: url(../images/bg-agr.png);
  412. background-size: 100% 100%;
  413. z-index: 10000;
  414. color: #666;
  415. text-align: justify;
  416. border-radius: 0.1rem;
  417. overflow: hidden;
  418. }
  419. .dialog-agr h2 {
  420. height: 0.46rem;
  421. font-size: 0.38rem;
  422. text-align: center;
  423. margin: 0.4rem auto 0.2rem;
  424. width: 1.64rem;
  425. background: url(../images/chanp说明.png);
  426. background-size: 100% 100%;
  427. }
  428. .dialog-agr .close {
  429. width: 0.45rem;
  430. height: 0.45rem;
  431. top: .2rem;
  432. right: 0.3rem;
  433. position: absolute;
  434. }
  435. .dialog-agr .close img {
  436. width: 0.4rem;
  437. height: 0.4rem;
  438. position: absolute;
  439. right: -0.1rem;
  440. top: 0.01rem;
  441. }
  442. .dialog-agr .container {
  443. height: 6.6rem;
  444. overflow: scroll;
  445. margin-top: 0.7rem;
  446. }
  447. .dialog-agr .container .titless {
  448. font-size: 0.28rem;
  449. padding-left: 0.2rem;
  450. display: -webkit-box;
  451. display: -ms-flexbox;
  452. display: flex;
  453. -webkit-box-align: baseline;
  454. -ms-flex-align: baseline;
  455. align-items: baseline;
  456. background: url(../images/活动说明@2x.png);
  457. background-size: 100% 100%;
  458. width: 1.64rem;
  459. height: 0.46rem;
  460. margin-left: 2.01rem;
  461. margin-bottom: 0.25rem;
  462. }
  463. .dialog-agr .container .titless .dot {
  464. width: 0.2rem;
  465. height: 0.2rem;
  466. background-color: #0bb577;
  467. margin-right: 0.1rem;
  468. }
  469. .dialog-agr .container .titles {
  470. font-size: 0.28rem;
  471. padding-left: 0.2rem;
  472. display: -webkit-box;
  473. display: -ms-flexbox;
  474. display: flex;
  475. -webkit-box-align: baseline;
  476. -ms-flex-align: baseline;
  477. align-items: baseline;
  478. background: url(../images/业务说明@2x.png);
  479. background-size: 100% 100%;
  480. width: 1.64rem;
  481. height: 0.46rem;
  482. margin-left: 2.01rem;
  483. margin-bottom: 0.25rem;
  484. }
  485. .dialog-agr .container .titles .dot {
  486. width: 0.2rem;
  487. height: 0.2rem;
  488. background-color: #0bb577;
  489. margin-right: 0.1rem;
  490. }
  491. .dialog-agr .container .title {
  492. font-size: 0.28rem;
  493. padding-left: 0.2rem;
  494. display: -webkit-box;
  495. display: -ms-flexbox;
  496. display: flex;
  497. -webkit-box-align: baseline;
  498. -ms-flex-align: baseline;
  499. align-items: baseline;
  500. background: url(../images/流量说明@2x.png);
  501. background-size: 100% 100%;
  502. width: 1.64rem;
  503. height: 0.46rem;
  504. margin-left: 2.01rem;
  505. margin-top: 0.48rem;
  506. margin-bottom: 0.25rem;
  507. }
  508. .dialog-agr .container .title .dot {
  509. width: 0.2rem;
  510. height: 0.2rem;
  511. background-color: #0bb577;
  512. margin-right: 0.1rem;
  513. }
  514. .dialog-agr .container .content {
  515. line-height: 0.39rem;
  516. font-size: 0.24rem;
  517. margin-bottom: 0.15rem;
  518. color: #333333;
  519. letter-spacing: 0.02rem;
  520. }
  521. .dialog-agr .container .content ul {
  522. list-style-type: none;
  523. padding: 0 0.29rem;
  524. }
  525. .dialog-agr .container .content ul li {
  526. margin-bottom: 0.3rem;
  527. }
  528. .box_cp {
  529. background: url(../images/产品说明背景.png) no-repeat;
  530. background-size: 100% 100%;
  531. width: 6.75rem;
  532. height: 3.69rem;
  533. margin-left: 0.38rem;
  534. margin-top: 0.55rem;
  535. }
  536. .box_cd {
  537. background: url(../images/包含部分.png) no-repeat;
  538. background-size: 100% 100%;
  539. width: 6.75rem;
  540. height: 4rem;
  541. margin-left: 0.38rem;
  542. margin-top: 0.41rem;
  543. }
  544. .main-draw {
  545. padding-bottom: 2rem;
  546. }
  547. .main-draw .banner {
  548. width: 6.13rem;
  549. margin: auto;
  550. padding-left: 0.3rem;
  551. }
  552. .main-draw .banner img {
  553. width: 100%;
  554. }
  555. .main-draw .login {
  556. width: 100%;
  557. height: 8.55rem;
  558. margin-top: -1rem;
  559. background: url("../images/bg-draw.png") no-repeat;
  560. background-size: 100% 100%;
  561. }
  562. input::-webkit-input-placeholder {
  563. color: #b1b1b1;
  564. font-size: 0.28rem;
  565. }
  566. input::-moz-placeholder {
  567. /* Mozilla Firefox 19+ */
  568. color: #b1b1b1;
  569. font-size: 0.28rem;
  570. }
  571. input:-moz-placeholder {
  572. /* Mozilla Firefox 4 to 18 */
  573. color: #b1b1b1;
  574. font-size: 0.28rem;
  575. }
  576. input:-ms-input-placeholder {
  577. /* Internet Explorer 10-11 */
  578. color: #b1b1b1;
  579. font-size: 0.28rem;
  580. }
  581. .sms-form {
  582. margin: 0rem 0.4rem 0.3rem;
  583. position: absolute;
  584. top: 9.82rem;
  585. width: 5.77rem;
  586. left: 0.48rem;
  587. }
  588. .form-group .input-row {
  589. display: -webkit-box;
  590. display: -ms-flexbox;
  591. display: flex;
  592. -ms-flex-line-pack: justify;
  593. align-content: space-between;
  594. -webkit-box-pack: center;
  595. -ms-flex-pack: center;
  596. justify-content: center;
  597. margin-bottom: 0.345rem;
  598. }
  599. .form-group .input-row .smscode {
  600. width: 100%;
  601. margin-right: 0.15rem;
  602. }
  603. .form-group .input-row .sendcode {
  604. font-size: 0.32rem;
  605. height: .86rem;
  606. line-height: 0.86rem;
  607. color: #FFFFFF;
  608. padding: 0 0.2rem;
  609. word-break: keep-all;
  610. white-space: nowrap;
  611. border-radius: 0.1rem;
  612. border: 0.01rem solid #2097F9;
  613. min-width: 1.55rem;
  614. background: #2097F9;
  615. text-align: center;
  616. }
  617. .form-group .input-row:last-child {
  618. margin-bottom: 0rem;
  619. }
  620. .form-group input {
  621. font-size: 0.36rem;
  622. width: 100%;
  623. height: 0.88rem;
  624. outline: none;
  625. -webkit-appearance: none;
  626. min-width: 2.4rem;
  627. margin-bottom: 0.01rem;
  628. border: 0.01rem solid #c9ebff;
  629. border-radius: 0.1rem;
  630. padding-left: 0.3rem;
  631. }
  632. .form-group .actions .btn {
  633. color: white;
  634. font-size: 0.36rem;
  635. width: 5.7rem;
  636. height: 1rem;
  637. background: url(../images/btn-order.png) no-repeat;
  638. background-size: 100% 100%;
  639. margin: 0 auto;
  640. line-height: 1rem;
  641. text-align: center;
  642. }
  643. .section-agr {
  644. margin-top: 0.38rem;
  645. background: url(../images/温馨提示框@2x.png) no-repeat;
  646. background-size: 100% 100%;
  647. width: 6.75rem;
  648. height: 8.24rem;
  649. margin-bottom: 0.44rem;
  650. margin-left: 0.36rem;
  651. position: relative;
  652. }
  653. .section-agr .title {
  654. height: 1.1rem;
  655. text-align: center;
  656. }
  657. .section-agr .title img {
  658. width: 1.65rem;
  659. height: 0.45rem;
  660. margin-top: 0.64rem;
  661. }
  662. .section-agr .content {
  663. border-radius: 0.2rem;
  664. margin: 0.2rem 0rem 0rem 0.5rem;
  665. width: 5.70rem;
  666. height: 7.2rem;
  667. overflow: auto;
  668. position: absolute;
  669. top: 0.48rem;
  670. padding-right: 0.3rem;
  671. }
  672. .section-agr .content .red {
  673. color: #ff4a38;
  674. }
  675. .section-agr .content .title {
  676. width: 1.7rem;
  677. height: 0.68rem;
  678. background: url(../images/bg-title.png) no-repeat;
  679. background-size: 100% 100%;
  680. display: -webkit-box;
  681. display: -ms-flexbox;
  682. display: flex;
  683. -webkit-box-align: center;
  684. -ms-flex-align: center;
  685. align-items: center;
  686. -webkit-box-pack: center;
  687. -ms-flex-pack: center;
  688. justify-content: center;
  689. font-size: 0.3rem;
  690. color: #63AB47;
  691. margin-bottom: 0.1rem;
  692. }
  693. .section-agr .content ul {
  694. color: #3d4644;
  695. font-size: 0.28rem;
  696. text-align: justify;
  697. margin-bottom: 0.43rem;
  698. }
  699. .section-agr .content ul li {
  700. margin-bottom: 0.4rem;
  701. line-height: 0.36rem;
  702. font-size: 0.24rem;
  703. color: #222222;
  704. font-weight: 400;
  705. }
  706. .section-agr .content ul li .sub-ul {
  707. margin: 0.1rem 0;
  708. }
  709. .section-agr .content ul li .sub-ul li {
  710. font-size: 0.24rem;
  711. }
  712. .section-agr .content ul li:last-child {
  713. margin-bottom: 0;
  714. }
  715. .section-agr .footer {
  716. color: #ff4a38;
  717. text-align: center;
  718. font-size: 0.24rem;
  719. }
  720. .section-agr .footer span {
  721. -webkit-transform: rotate(7deg);
  722. transform: rotate(7deg);
  723. }
  724. .main-cancel {
  725. padding-bottom: 3rem;
  726. }
  727. .main-cancel .banner {
  728. width: 5.73rem;
  729. height: 2.39rem;
  730. padding-left: 0.86rem;
  731. margin-top: 1rem;
  732. }
  733. .main-cancel .banner img {
  734. width: 100%;
  735. }
  736. .main-cancel .login {
  737. width: 6.75rem;
  738. height: 4.73rem;
  739. margin-top: 5.75rem;
  740. background: url(../images/bg-cancel.png) no-repeat;
  741. background-size: 100% 100%;
  742. margin-left: 0.37rem;
  743. }
  744. .main-cancel .login .tips {
  745. display: -webkit-box;
  746. display: -ms-flexbox;
  747. display: flex;
  748. font-size: 0.28rem;
  749. color: rgba(188, 130, 19, 0.6);
  750. padding: 2.5rem 0.6rem 0rem;
  751. text-align: justify;
  752. }
  753. .main-cancel .login .tips .ring {
  754. width: 0.6rem;
  755. display: -webkit-box;
  756. display: -ms-flexbox;
  757. display: flex;
  758. margin: 0 0.15rem 0 0;
  759. }
  760. .main-cancel .login .tips .ring img {
  761. height: 0.5rem;
  762. }
  763. .dialog-alert .actions .btn {
  764. color: white;
  765. font-size: 0.36rem;
  766. background: -webkit-gradient(linear, right top, left top, from(#009eff), to(#59a8fd));
  767. background: linear-gradient(-90deg, #009eff, #59a8fd);
  768. height: 0.7rem;
  769. display: -webkit-box;
  770. display: -ms-flexbox;
  771. display: flex;
  772. -webkit-box-align: center;
  773. -ms-flex-align: center;
  774. align-items: center;
  775. -webkit-box-pack: center;
  776. -ms-flex-pack: center;
  777. justify-content: center;
  778. width: 2rem;
  779. border-radius: 0.4rem;
  780. padding: 0;
  781. margin: 0;
  782. }
  783. .dialog-confirm {
  784. position: fixed;
  785. top: 4rem;
  786. left: 0.62rem;
  787. right: 0.62rem;
  788. height: 3.6rem;
  789. border-radius: 0.3rem;
  790. z-index: 9992;
  791. background: #ffffff;
  792. }
  793. .dialog-confirm .close {
  794. position: absolute;
  795. top: 0;
  796. right: 0.45rem;
  797. width: 0.59rem;
  798. height: 0.69rem;
  799. }
  800. .dialog-confirm .close img {
  801. width: 100%;
  802. }
  803. .dialog-confirm h1 {
  804. color: #333333;
  805. font-size: 0.34rem;
  806. font-weight: bold;
  807. text-align: center;
  808. margin: 0.63rem auto 0;
  809. }
  810. .dialog-confirm .content {
  811. color: #333333;
  812. font-size: 0.32rem;
  813. height: 1.8rem;
  814. text-align: center;
  815. line-height: 0.5rem;
  816. margin: 0.6rem 0.42rem 0;
  817. }
  818. .dialog-confirm .actions {
  819. font-size: 0.3rem;
  820. display: -webkit-box;
  821. display: -ms-flexbox;
  822. display: flex;
  823. -webkit-box-align: center;
  824. -ms-flex-align: center;
  825. align-items: center;
  826. -webkit-box-pack: justify;
  827. -ms-flex-pack: justify;
  828. justify-content: space-between;
  829. margin: 0 0.6rem;
  830. }
  831. .dialog-confirm .actions .btn {
  832. color: #0bb577;
  833. font-size: 0.3rem;
  834. width: 2.2rem;
  835. height: 0.8rem;
  836. display: -webkit-box;
  837. display: -ms-flexbox;
  838. display: flex;
  839. -webkit-box-align: center;
  840. -ms-flex-align: center;
  841. align-items: center;
  842. -webkit-box-pack: center;
  843. -ms-flex-pack: center;
  844. justify-content: center;
  845. border-radius: 0.4rem;
  846. background: #e2f6ef;
  847. }
  848. .dialog-confirm .actions .okay {
  849. color: white;
  850. float: left;
  851. background: #0bb577;
  852. }
  853. .draw {
  854. display: -webkit-box;
  855. display: -ms-flexbox;
  856. display: flex;
  857. font-size: 0.3rem;
  858. -webkit-box-align: center;
  859. -ms-flex-align: center;
  860. align-items: center;
  861. -webkit-box-pack: center;
  862. -ms-flex-pack: center;
  863. justify-content: center;
  864. color: #44533c;
  865. }
  866. .draw .btn-draw {
  867. width: 2.3rem;
  868. height: 0.86rem;
  869. margin-left: 0.15rem;
  870. background: url(../images/btn-draw.png) no-repeat;
  871. background-size: 100% 100%;
  872. }
  873. .nox_aor {
  874. font-size: 0.26rem;
  875. position: relative;
  876. width: 100%;
  877. text-align: center;
  878. color: #ffffffcf;
  879. margin-top: 0.2rem;
  880. }
  881. .yuans {
  882. width: 0.22rem;
  883. height: 0.22rem;
  884. border-radius: 3rem;
  885. border: solid 0.02rem #ffff;
  886. display: block;
  887. position: absolute;
  888. background: none;
  889. left: 1.8rem;
  890. top: 0.06rem;
  891. }
  892. .text_lan {
  893. text-decoration: none;
  894. color: #ffffffcf;
  895. }
  896. .chanp {
  897. width: 1.64rem;
  898. height: 0.46rem;
  899. margin-left: 2.57rem;
  900. margin-top: 0.65rem;
  901. }
  902. .text_ar {
  903. font-size: 0.26rem;
  904. color: #222222b5;
  905. margin-left: 0.51rem;
  906. font-weight: 600;
  907. font-family: PingFang SC;
  908. margin-top: -0.1rem;
  909. margin-bottom: 0.18rem;
  910. }
  911. .chanps {
  912. width: 4.16rem;
  913. height: 0.46rem;
  914. margin-left: 1.29rem;
  915. margin-top: 0.65rem;
  916. }
  917. .imgga {
  918. width: 0.98rem;
  919. height: 0.98rem;
  920. position: absolute;
  921. top: 1.37rem;
  922. left: 0.75rem;
  923. }
  924. .imggb {
  925. width: 0.98rem;
  926. height: 0.98rem;
  927. position: absolute;
  928. top: 1.37rem;
  929. left: 2.18rem;
  930. }
  931. .imggc {
  932. width: 0.98rem;
  933. height: 0.98rem;
  934. position: absolute;
  935. top: 1.37rem;
  936. left: 3.61rem;
  937. }
  938. .imggd {
  939. width: 0.98rem;
  940. height: 0.98rem;
  941. position: absolute;
  942. top: 1.37rem;
  943. left: 5.04rem;
  944. }
  945. .imgge {
  946. width: 0.98rem;
  947. height: 0.98rem;
  948. position: absolute;
  949. top: 2.58rem;
  950. left: 0.75rem;
  951. }
  952. .imggf {
  953. width: 0.98rem;
  954. height: 0.98rem;
  955. position: absolute;
  956. top: 2.57rem;
  957. left: 2.18rem;
  958. }
  959. .imggg {
  960. width: 0.98rem;
  961. height: 0.98rem;
  962. position: absolute;
  963. top: 2.57rem;
  964. left: 3.6rem;
  965. }
  966. .imggh {
  967. width: 0.98rem;
  968. height: 0.98rem;
  969. position: absolute;
  970. top: 2.57rem;
  971. left: 5.04rem;
  972. }
  973. .overlaycsr {
  974. position: fixed;
  975. top: 0;
  976. right: 0;
  977. bottom: 0;
  978. left: 0;
  979. z-index: 9990;
  980. background-color: #000000ab;
  981. min-height: 6.5rem;
  982. }
  983. .dialog-alertsrc {
  984. width: 6.04rem;
  985. height: 4.24rem;
  986. position: fixed;
  987. top: 4.37rem;
  988. left: 0.82rem;
  989. z-index: 9998;
  990. -webkit-animation: frames-top-center-01 300ms;
  991. animation: frames-top-center-01 300ms;
  992. border-radius: 0.1rem;
  993. background: url(../images/弹窗bgg.png) no-repeat;
  994. background-size: 100% 100%;
  995. }
  996. .dialog-alertsrc .guanbi {
  997. background: url(../images/关闭bgg.png) no-repeat;
  998. background-size: 100% 100%;
  999. width: 0.41rem;
  1000. height: 0.41rem;
  1001. margin-left: 5.45rem;
  1002. margin-top: 0.33rem;
  1003. }
  1004. .dialog-alertsrc .content {
  1005. margin: 1rem 1.2rem;
  1006. display: -webkit-box;
  1007. display: -ms-flexbox;
  1008. display: flex;
  1009. -webkit-box-align: center;
  1010. -ms-flex-align: center;
  1011. align-items: center;
  1012. -webkit-box-pack: center;
  1013. -ms-flex-pack: center;
  1014. justify-content: center;
  1015. font-size: 0.26rem;
  1016. color: #333333;
  1017. }
  1018. .dialog-alertsrc .actions {
  1019. height: 1rem;
  1020. display: -webkit-box;
  1021. display: -ms-flexbox;
  1022. display: flex;
  1023. -webkit-box-pack: center;
  1024. -ms-flex-pack: center;
  1025. justify-content: center;
  1026. }
  1027. .dialog-alertsrc .actions .img_btn {
  1028. background: url(../images/按钮bgg.png) no-repeat;
  1029. background-size: 100% 100%;
  1030. width: 4.18rem;
  1031. height: 0.66rem;
  1032. margin-top: 0.45rem;
  1033. letter-spacing: 0.03rem;
  1034. }
  1035. .dialog-alertsrc .actions .btn {
  1036. display: -webkit-box;
  1037. display: -ms-flexbox;
  1038. display: flex;
  1039. -webkit-box-align: center;
  1040. -ms-flex-align: center;
  1041. align-items: center;
  1042. -webkit-box-pack: center;
  1043. -ms-flex-pack: center;
  1044. justify-content: center;
  1045. border-radius: 0.4rem;
  1046. padding: 0;
  1047. }
  1048. /*# sourceMappingURL=order.css.map */