产品原型
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

832 lines
15 KiB

4 years ago
  1. body {
  2. margin:0px;
  3. background-image:none;
  4. position:static;
  5. left:auto;
  6. width:375px;
  7. margin-left:0;
  8. margin-right:0;
  9. text-align:left;
  10. }
  11. .form_sketch {
  12. border-color:transparent;
  13. background-color:transparent;
  14. }
  15. #base {
  16. position:absolute;
  17. z-index:0;
  18. }
  19. #u547_div {
  20. border-width:0px;
  21. position:absolute;
  22. left:0px;
  23. top:0px;
  24. width:375px;
  25. height:667px;
  26. background:inherit;
  27. background-color:rgba(215, 215, 215, 1);
  28. box-sizing:border-box;
  29. border-width:1px;
  30. border-style:solid;
  31. border-color:rgba(121, 121, 121, 1);
  32. border-radius:0px;
  33. -moz-box-shadow:none;
  34. -webkit-box-shadow:none;
  35. box-shadow:none;
  36. }
  37. #u547 {
  38. border-width:0px;
  39. position:absolute;
  40. left:0px;
  41. top:0px;
  42. width:375px;
  43. height:667px;
  44. display:flex;
  45. opacity:0.5;
  46. }
  47. #u547 .text {
  48. position:absolute;
  49. align-self:center;
  50. padding:2px 2px 2px 2px;
  51. box-sizing:border-box;
  52. width:100%;
  53. }
  54. #u547_text {
  55. border-width:0px;
  56. word-wrap:break-word;
  57. text-transform:none;
  58. visibility:hidden;
  59. }
  60. #u548_div {
  61. border-width:0px;
  62. position:absolute;
  63. left:0px;
  64. top:0px;
  65. width:375px;
  66. height:50px;
  67. background:inherit;
  68. background-color:rgba(255, 255, 255, 1);
  69. box-sizing:border-box;
  70. border-width:1px;
  71. border-style:solid;
  72. border-color:rgba(121, 121, 121, 1);
  73. border-radius:0px;
  74. -moz-box-shadow:none;
  75. -webkit-box-shadow:none;
  76. box-shadow:none;
  77. }
  78. #u548 {
  79. border-width:0px;
  80. position:absolute;
  81. left:0px;
  82. top:0px;
  83. width:375px;
  84. height:50px;
  85. display:flex;
  86. }
  87. #u548 .text {
  88. position:absolute;
  89. align-self:center;
  90. padding:2px 2px 2px 2px;
  91. box-sizing:border-box;
  92. width:100%;
  93. }
  94. #u548_text {
  95. border-width:0px;
  96. word-wrap:break-word;
  97. text-transform:none;
  98. visibility:hidden;
  99. }
  100. #u549_div {
  101. border-width:0px;
  102. position:absolute;
  103. left:0px;
  104. top:0px;
  105. width:375px;
  106. height:50px;
  107. background:inherit;
  108. background-color:rgba(255, 255, 255, 1);
  109. box-sizing:border-box;
  110. border-width:1px;
  111. border-style:solid;
  112. border-color:rgba(121, 121, 121, 1);
  113. border-radius:0px;
  114. -moz-box-shadow:none;
  115. -webkit-box-shadow:none;
  116. box-shadow:none;
  117. }
  118. #u549 {
  119. border-width:0px;
  120. position:absolute;
  121. left:0px;
  122. top:0px;
  123. width:375px;
  124. height:50px;
  125. display:flex;
  126. }
  127. #u549 .text {
  128. position:absolute;
  129. align-self:center;
  130. padding:2px 2px 2px 2px;
  131. box-sizing:border-box;
  132. width:100%;
  133. }
  134. #u549_text {
  135. border-width:0px;
  136. word-wrap:break-word;
  137. text-transform:none;
  138. }
  139. #u550_div {
  140. border-width:0px;
  141. position:absolute;
  142. left:0px;
  143. top:0px;
  144. width:375px;
  145. height:40px;
  146. background:inherit;
  147. background-color:rgba(129, 211, 248, 1);
  148. box-sizing:border-box;
  149. border-width:1px;
  150. border-style:solid;
  151. border-color:rgba(121, 121, 121, 1);
  152. border-left:0px;
  153. border-top:0px;
  154. border-right:0px;
  155. border-bottom:0px;
  156. border-radius:0px;
  157. -moz-box-shadow:none;
  158. -webkit-box-shadow:none;
  159. box-shadow:none;
  160. }
  161. #u550 {
  162. border-width:0px;
  163. position:absolute;
  164. left:0px;
  165. top:627px;
  166. width:375px;
  167. height:40px;
  168. display:flex;
  169. }
  170. #u550 .text {
  171. position:absolute;
  172. align-self:center;
  173. padding:2px 2px 2px 2px;
  174. box-sizing:border-box;
  175. width:100%;
  176. }
  177. #u550_text {
  178. border-width:0px;
  179. word-wrap:break-word;
  180. text-transform:none;
  181. }
  182. #u551_div {
  183. border-width:0px;
  184. position:absolute;
  185. left:0px;
  186. top:0px;
  187. width:375px;
  188. height:56px;
  189. background:inherit;
  190. background-color:rgba(255, 255, 255, 1);
  191. box-sizing:border-box;
  192. border-width:1px;
  193. border-style:solid;
  194. border-color:rgba(121, 121, 121, 1);
  195. border-left:0px;
  196. border-top:0px;
  197. border-right:0px;
  198. border-radius:0px;
  199. border-bottom-right-radius:0px;
  200. border-bottom-left-radius:0px;
  201. -moz-box-shadow:none;
  202. -webkit-box-shadow:none;
  203. box-shadow:none;
  204. }
  205. #u551 {
  206. border-width:0px;
  207. position:absolute;
  208. left:0px;
  209. top:50px;
  210. width:375px;
  211. height:56px;
  212. display:flex;
  213. }
  214. #u551 .text {
  215. position:absolute;
  216. align-self:center;
  217. padding:2px 2px 2px 2px;
  218. box-sizing:border-box;
  219. width:100%;
  220. }
  221. #u551_text {
  222. border-width:0px;
  223. word-wrap:break-word;
  224. text-transform:none;
  225. visibility:hidden;
  226. }
  227. #u552_div {
  228. border-width:0px;
  229. position:absolute;
  230. left:0px;
  231. top:0px;
  232. width:260px;
  233. height:30px;
  234. background:inherit;
  235. background-color:rgba(255, 255, 255, 0);
  236. border:none;
  237. border-radius:0px;
  238. -moz-box-shadow:none;
  239. -webkit-box-shadow:none;
  240. box-shadow:none;
  241. font-size:13px;
  242. }
  243. #u552 {
  244. border-width:0px;
  245. position:absolute;
  246. left:10px;
  247. top:62px;
  248. width:260px;
  249. height:30px;
  250. display:flex;
  251. opacity:0.6;
  252. font-size:13px;
  253. }
  254. #u552 .text {
  255. position:absolute;
  256. align-self:flex-start;
  257. padding:0px 0px 0px 0px;
  258. box-sizing:border-box;
  259. width:100%;
  260. }
  261. #u552_text {
  262. border-width:0px;
  263. white-space:nowrap;
  264. text-transform:none;
  265. }
  266. #u553_div {
  267. border-width:0px;
  268. position:absolute;
  269. left:0px;
  270. top:0px;
  271. width:84px;
  272. height:34px;
  273. background:inherit;
  274. background-color:rgba(255, 255, 255, 1);
  275. box-sizing:border-box;
  276. border-width:1px;
  277. border-style:solid;
  278. border-color:rgba(121, 121, 121, 1);
  279. border-left:0px;
  280. border-top:0px;
  281. border-right:0px;
  282. border-radius:0px;
  283. border-bottom-right-radius:0px;
  284. border-bottom-left-radius:0px;
  285. -moz-box-shadow:none;
  286. -webkit-box-shadow:none;
  287. box-shadow:none;
  288. }
  289. #u553 {
  290. border-width:0px;
  291. position:absolute;
  292. left:0px;
  293. top:106px;
  294. width:84px;
  295. height:34px;
  296. display:flex;
  297. }
  298. #u553 .text {
  299. position:absolute;
  300. align-self:center;
  301. padding:2px 2px 2px 2px;
  302. box-sizing:border-box;
  303. width:100%;
  304. }
  305. #u553_text {
  306. border-width:0px;
  307. word-wrap:break-word;
  308. text-transform:none;
  309. }
  310. #u554_input {
  311. position:absolute;
  312. left:0px;
  313. top:0px;
  314. width:291px;
  315. height:34px;
  316. padding:3px 2px 3px 2px;
  317. font-family:'Arial Normal', 'Arial', sans-serif;
  318. font-weight:400;
  319. font-style:normal;
  320. font-size:13px;
  321. letter-spacing:normal;
  322. color:#000000;
  323. vertical-align:none;
  324. text-align:left;
  325. text-transform:none;
  326. background-color:transparent;
  327. border-color:transparent;
  328. }
  329. #u554_input.disabled {
  330. position:absolute;
  331. left:0px;
  332. top:0px;
  333. width:291px;
  334. height:34px;
  335. padding:3px 2px 3px 2px;
  336. font-family:'Arial Normal', 'Arial', sans-serif;
  337. font-weight:400;
  338. font-style:normal;
  339. font-size:13px;
  340. letter-spacing:normal;
  341. color:#000000;
  342. vertical-align:none;
  343. text-align:left;
  344. text-transform:none;
  345. background-color:transparent;
  346. border-color:transparent;
  347. }
  348. #u554_div {
  349. border-width:0px;
  350. position:absolute;
  351. left:0px;
  352. top:0px;
  353. width:291px;
  354. height:34px;
  355. background:inherit;
  356. background-color:rgba(255, 255, 255, 1);
  357. box-sizing:border-box;
  358. border-width:1px;
  359. border-style:solid;
  360. border-color:rgba(121, 121, 121, 1);
  361. border-left:0px;
  362. border-top:0px;
  363. border-right:0px;
  364. border-radius:0px;
  365. border-bottom-right-radius:0px;
  366. border-bottom-left-radius:0px;
  367. -moz-box-shadow:none;
  368. -webkit-box-shadow:none;
  369. box-shadow:none;
  370. }
  371. #u554 {
  372. border-width:0px;
  373. position:absolute;
  374. left:84px;
  375. top:106px;
  376. width:291px;
  377. height:34px;
  378. display:flex;
  379. }
  380. #u554 .text {
  381. position:absolute;
  382. align-self:center;
  383. padding:2px 2px 2px 2px;
  384. box-sizing:border-box;
  385. width:100%;
  386. }
  387. #u554_div.disabled {
  388. border-width:0px;
  389. position:absolute;
  390. left:0px;
  391. top:0px;
  392. width:291px;
  393. height:34px;
  394. background:inherit;
  395. background-color:rgba(240, 240, 240, 1);
  396. box-sizing:border-box;
  397. border-width:1px;
  398. border-style:solid;
  399. border-color:rgba(121, 121, 121, 1);
  400. border-left:0px;
  401. border-top:0px;
  402. border-right:0px;
  403. border-radius:0px;
  404. border-bottom-right-radius:0px;
  405. border-bottom-left-radius:0px;
  406. -moz-box-shadow:none;
  407. -webkit-box-shadow:none;
  408. box-shadow:none;
  409. }
  410. #u554.disabled {
  411. }
  412. #u555_div {
  413. border-width:0px;
  414. position:absolute;
  415. left:0px;
  416. top:0px;
  417. width:84px;
  418. height:34px;
  419. background:inherit;
  420. background-color:rgba(255, 255, 255, 1);
  421. box-sizing:border-box;
  422. border-width:1px;
  423. border-style:solid;
  424. border-color:rgba(121, 121, 121, 1);
  425. border-left:0px;
  426. border-top:0px;
  427. border-right:0px;
  428. border-radius:0px;
  429. border-bottom-right-radius:0px;
  430. border-bottom-left-radius:0px;
  431. -moz-box-shadow:none;
  432. -webkit-box-shadow:none;
  433. box-shadow:none;
  434. }
  435. #u555 {
  436. border-width:0px;
  437. position:absolute;
  438. left:0px;
  439. top:140px;
  440. width:84px;
  441. height:34px;
  442. display:flex;
  443. }
  444. #u555 .text {
  445. position:absolute;
  446. align-self:center;
  447. padding:2px 2px 2px 2px;
  448. box-sizing:border-box;
  449. width:100%;
  450. }
  451. #u555_text {
  452. border-width:0px;
  453. word-wrap:break-word;
  454. text-transform:none;
  455. }
  456. #u556_input {
  457. position:absolute;
  458. left:0px;
  459. top:0px;
  460. width:291px;
  461. height:34px;
  462. padding:3px 2px 3px 2px;
  463. font-family:'Arial Normal', 'Arial', sans-serif;
  464. font-weight:400;
  465. font-style:normal;
  466. font-size:13px;
  467. letter-spacing:normal;
  468. color:#000000;
  469. vertical-align:none;
  470. text-align:left;
  471. text-transform:none;
  472. background-color:transparent;
  473. border-color:transparent;
  474. }
  475. #u556_input.disabled {
  476. position:absolute;
  477. left:0px;
  478. top:0px;
  479. width:291px;
  480. height:34px;
  481. padding:3px 2px 3px 2px;
  482. font-family:'Arial Normal', 'Arial', sans-serif;
  483. font-weight:400;
  484. font-style:normal;
  485. font-size:13px;
  486. letter-spacing:normal;
  487. color:#000000;
  488. vertical-align:none;
  489. text-align:left;
  490. text-transform:none;
  491. background-color:transparent;
  492. border-color:transparent;
  493. }
  494. #u556_div {
  495. border-width:0px;
  496. position:absolute;
  497. left:0px;
  498. top:0px;
  499. width:291px;
  500. height:34px;
  501. background:inherit;
  502. background-color:rgba(255, 255, 255, 1);
  503. box-sizing:border-box;
  504. border-width:1px;
  505. border-style:solid;
  506. border-color:rgba(121, 121, 121, 1);
  507. border-left:0px;
  508. border-top:0px;
  509. border-right:0px;
  510. border-radius:0px;
  511. border-bottom-right-radius:0px;
  512. border-bottom-left-radius:0px;
  513. -moz-box-shadow:none;
  514. -webkit-box-shadow:none;
  515. box-shadow:none;
  516. }
  517. #u556 {
  518. border-width:0px;
  519. position:absolute;
  520. left:84px;
  521. top:140px;
  522. width:291px;
  523. height:34px;
  524. display:flex;
  525. }
  526. #u556 .text {
  527. position:absolute;
  528. align-self:center;
  529. padding:2px 2px 2px 2px;
  530. box-sizing:border-box;
  531. width:100%;
  532. }
  533. #u556_div.disabled {
  534. border-width:0px;
  535. position:absolute;
  536. left:0px;
  537. top:0px;
  538. width:291px;
  539. height:34px;
  540. background:inherit;
  541. background-color:rgba(240, 240, 240, 1);
  542. box-sizing:border-box;
  543. border-width:1px;
  544. border-style:solid;
  545. border-color:rgba(121, 121, 121, 1);
  546. border-left:0px;
  547. border-top:0px;
  548. border-right:0px;
  549. border-radius:0px;
  550. border-bottom-right-radius:0px;
  551. border-bottom-left-radius:0px;
  552. -moz-box-shadow:none;
  553. -webkit-box-shadow:none;
  554. box-shadow:none;
  555. }
  556. #u556.disabled {
  557. }
  558. #u557_div {
  559. border-width:0px;
  560. position:absolute;
  561. left:0px;
  562. top:0px;
  563. width:84px;
  564. height:34px;
  565. background:inherit;
  566. background-color:rgba(255, 255, 255, 1);
  567. box-sizing:border-box;
  568. border-width:1px;
  569. border-style:solid;
  570. border-color:rgba(121, 121, 121, 1);
  571. border-left:0px;
  572. border-top:0px;
  573. border-right:0px;
  574. border-radius:0px;
  575. border-bottom-right-radius:0px;
  576. border-bottom-left-radius:0px;
  577. -moz-box-shadow:none;
  578. -webkit-box-shadow:none;
  579. box-shadow:none;
  580. }
  581. #u557 {
  582. border-width:0px;
  583. position:absolute;
  584. left:0px;
  585. top:174px;
  586. width:84px;
  587. height:34px;
  588. display:flex;
  589. }
  590. #u557 .text {
  591. position:absolute;
  592. align-self:center;
  593. padding:2px 2px 2px 2px;
  594. box-sizing:border-box;
  595. width:100%;
  596. }
  597. #u557_text {
  598. border-width:0px;
  599. word-wrap:break-word;
  600. text-transform:none;
  601. }
  602. #u558_input {
  603. position:absolute;
  604. left:0px;
  605. top:0px;
  606. width:291px;
  607. height:34px;
  608. padding:3px 2px 3px 2px;
  609. font-family:'Arial Normal', 'Arial', sans-serif;
  610. font-weight:400;
  611. font-style:normal;
  612. font-size:13px;
  613. letter-spacing:normal;
  614. color:#000000;
  615. vertical-align:none;
  616. text-align:left;
  617. text-transform:none;
  618. background-color:transparent;
  619. border-color:transparent;
  620. }
  621. #u558_input.disabled {
  622. position:absolute;
  623. left:0px;
  624. top:0px;
  625. width:291px;
  626. height:34px;
  627. padding:3px 2px 3px 2px;
  628. font-family:'Arial Normal', 'Arial', sans-serif;
  629. font-weight:400;
  630. font-style:normal;
  631. font-size:13px;
  632. letter-spacing:normal;
  633. color:#000000;
  634. vertical-align:none;
  635. text-align:left;
  636. text-transform:none;
  637. background-color:transparent;
  638. border-color:transparent;
  639. }
  640. #u558_div {
  641. border-width:0px;
  642. position:absolute;
  643. left:0px;
  644. top:0px;
  645. width:291px;
  646. height:34px;
  647. background:inherit;
  648. background-color:rgba(255, 255, 255, 1);
  649. box-sizing:border-box;
  650. border-width:1px;
  651. border-style:solid;
  652. border-color:rgba(121, 121, 121, 1);
  653. border-left:0px;
  654. border-top:0px;
  655. border-right:0px;
  656. border-radius:0px;
  657. border-bottom-right-radius:0px;
  658. border-bottom-left-radius:0px;
  659. -moz-box-shadow:none;
  660. -webkit-box-shadow:none;
  661. box-shadow:none;
  662. }
  663. #u558 {
  664. border-width:0px;
  665. position:absolute;
  666. left:84px;
  667. top:174px;
  668. width:291px;
  669. height:34px;
  670. display:flex;
  671. }
  672. #u558 .text {
  673. position:absolute;
  674. align-self:center;
  675. padding:2px 2px 2px 2px;
  676. box-sizing:border-box;
  677. width:100%;
  678. }
  679. #u558_div.disabled {
  680. border-width:0px;
  681. position:absolute;
  682. left:0px;
  683. top:0px;
  684. width:291px;
  685. height:34px;
  686. background:inherit;
  687. background-color:rgba(240, 240, 240, 1);
  688. box-sizing:border-box;
  689. border-width:1px;
  690. border-style:solid;
  691. border-color:rgba(121, 121, 121, 1);
  692. border-left:0px;
  693. border-top:0px;
  694. border-right:0px;
  695. border-radius:0px;
  696. border-bottom-right-radius:0px;
  697. border-bottom-left-radius:0px;
  698. -moz-box-shadow:none;
  699. -webkit-box-shadow:none;
  700. box-shadow:none;
  701. }
  702. #u558.disabled {
  703. }
  704. #u559_div {
  705. border-width:0px;
  706. position:absolute;
  707. left:0px;
  708. top:0px;
  709. width:320px;
  710. height:15px;
  711. background:inherit;
  712. background-color:rgba(255, 255, 255, 0);
  713. border:none;
  714. border-radius:0px;
  715. -moz-box-shadow:none;
  716. -webkit-box-shadow:none;
  717. box-shadow:none;
  718. font-size:13px;
  719. }
  720. #u559 {
  721. border-width:0px;
  722. position:absolute;
  723. left:10px;
  724. top:222px;
  725. width:320px;
  726. height:15px;
  727. display:flex;
  728. opacity:0.6;
  729. font-size:13px;
  730. }
  731. #u559 .text {
  732. position:absolute;
  733. align-self:flex-start;
  734. padding:0px 0px 0px 0px;
  735. box-sizing:border-box;
  736. width:100%;
  737. }
  738. #u559_text {
  739. border-width:0px;
  740. white-space:nowrap;
  741. text-transform:none;
  742. }
  743. #u560_div {
  744. border-width:0px;
  745. position:absolute;
  746. left:0px;
  747. top:0px;
  748. width:375px;
  749. height:617px;
  750. background:inherit;
  751. background-color:rgba(170, 170, 170, 1);
  752. box-sizing:border-box;
  753. border-width:1px;
  754. border-style:solid;
  755. border-color:rgba(121, 121, 121, 1);
  756. border-left:0px;
  757. border-top:0px;
  758. border-right:0px;
  759. border-bottom:0px;
  760. border-radius:0px;
  761. -moz-box-shadow:none;
  762. -webkit-box-shadow:none;
  763. box-shadow:none;
  764. color:#FFFFFF;
  765. }
  766. #u560 {
  767. border-width:0px;
  768. position:absolute;
  769. left:0px;
  770. top:50px;
  771. width:375px;
  772. height:617px;
  773. display:flex;
  774. color:#FFFFFF;
  775. }
  776. #u560 .text {
  777. position:absolute;
  778. align-self:center;
  779. padding:2px 2px 2px 2px;
  780. box-sizing:border-box;
  781. width:100%;
  782. }
  783. #u560_text {
  784. border-width:0px;
  785. word-wrap:break-word;
  786. text-transform:none;
  787. }
  788. #u561_div {
  789. border-width:0px;
  790. position:absolute;
  791. left:0px;
  792. top:0px;
  793. width:375px;
  794. height:617px;
  795. background:inherit;
  796. background-color:rgba(170, 170, 170, 1);
  797. box-sizing:border-box;
  798. border-width:1px;
  799. border-style:solid;
  800. border-color:rgba(121, 121, 121, 1);
  801. border-left:0px;
  802. border-top:0px;
  803. border-right:0px;
  804. border-bottom:0px;
  805. border-radius:0px;
  806. -moz-box-shadow:none;
  807. -webkit-box-shadow:none;
  808. box-shadow:none;
  809. color:#FFFFFF;
  810. }
  811. #u561 {
  812. border-width:0px;
  813. position:absolute;
  814. left:0px;
  815. top:50px;
  816. width:375px;
  817. height:617px;
  818. display:flex;
  819. color:#FFFFFF;
  820. }
  821. #u561 .text {
  822. position:absolute;
  823. align-self:center;
  824. padding:2px 2px 2px 2px;
  825. box-sizing:border-box;
  826. width:100%;
  827. }
  828. #u561_text {
  829. border-width:0px;
  830. word-wrap:break-word;
  831. text-transform:none;
  832. }