产品原型
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.

857 lines
15 KiB

4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
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. #u199_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. #u199 {
  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. #u199 .text {
  48. position:absolute;
  49. align-self:center;
  50. padding:2px 2px 2px 2px;
  51. box-sizing:border-box;
  52. width:100%;
  53. }
  54. #u199_text {
  55. border-width:0px;
  56. word-wrap:break-word;
  57. text-transform:none;
  58. visibility:hidden;
  59. }
  60. #u200_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. #u200 {
  79. border-width:0px;
  80. position:absolute;
  81. left:0px;
  82. top:0px;
  83. width:375px;
  84. height:50px;
  85. display:flex;
  86. }
  87. #u200 .text {
  88. position:absolute;
  89. align-self:center;
  90. padding:2px 2px 2px 2px;
  91. box-sizing:border-box;
  92. width:100%;
  93. }
  94. #u200_text {
  95. border-width:0px;
  96. word-wrap:break-word;
  97. text-transform:none;
  98. visibility:hidden;
  99. }
  100. #u201_div {
  101. border-width:0px;
  102. position:absolute;
  103. left:0px;
  104. top:0px;
  105. width:375px;
  106. height:617px;
  107. background:inherit;
  108. background-color:rgba(85, 85, 85, 1);
  109. box-sizing:border-box;
  110. border-width:1px;
  111. border-style:solid;
  112. border-color:rgba(121, 121, 121, 1);
  113. border-left:0px;
  114. border-top:0px;
  115. border-right:0px;
  116. border-bottom:0px;
  117. border-radius:0px;
  118. -moz-box-shadow:none;
  119. -webkit-box-shadow:none;
  120. box-shadow:none;
  121. }
  122. #u201 {
  123. border-width:0px;
  124. position:absolute;
  125. left:0px;
  126. top:50px;
  127. width:375px;
  128. height:617px;
  129. display:flex;
  130. }
  131. #u201 .text {
  132. position:absolute;
  133. align-self:center;
  134. padding:2px 2px 2px 2px;
  135. box-sizing:border-box;
  136. width:100%;
  137. }
  138. #u201_text {
  139. border-width:0px;
  140. word-wrap:break-word;
  141. text-transform:none;
  142. visibility:hidden;
  143. }
  144. #u202_div {
  145. border-width:0px;
  146. position:absolute;
  147. left:0px;
  148. top:0px;
  149. width:375px;
  150. height:50px;
  151. background:inherit;
  152. background-color:rgba(255, 255, 255, 1);
  153. box-sizing:border-box;
  154. border-width:1px;
  155. border-style:solid;
  156. border-color:rgba(121, 121, 121, 1);
  157. border-radius:0px;
  158. -moz-box-shadow:none;
  159. -webkit-box-shadow:none;
  160. box-shadow:none;
  161. }
  162. #u202 {
  163. border-width:0px;
  164. position:absolute;
  165. left:0px;
  166. top:0px;
  167. width:375px;
  168. height:50px;
  169. display:flex;
  170. }
  171. #u202 .text {
  172. position:absolute;
  173. align-self:center;
  174. padding:2px 2px 2px 2px;
  175. box-sizing:border-box;
  176. width:100%;
  177. }
  178. #u202_text {
  179. border-width:0px;
  180. word-wrap:break-word;
  181. text-transform:none;
  182. }
  183. #u203_img {
  184. border-width:0px;
  185. position:absolute;
  186. left:0px;
  187. top:0px;
  188. width:375px;
  189. height:375px;
  190. }
  191. #u203 {
  192. border-width:0px;
  193. position:absolute;
  194. left:0px;
  195. top:171px;
  196. width:375px;
  197. height:375px;
  198. display:flex;
  199. }
  200. #u203 .text {
  201. position:absolute;
  202. align-self:center;
  203. padding:2px 2px 2px 2px;
  204. box-sizing:border-box;
  205. width:100%;
  206. }
  207. #u203_text {
  208. border-width:0px;
  209. word-wrap:break-word;
  210. text-transform:none;
  211. visibility:hidden;
  212. }
  213. #u204_img {
  214. border-width:0px;
  215. position:absolute;
  216. left:0px;
  217. top:0px;
  218. width:18px;
  219. height:5px;
  220. }
  221. #u204 {
  222. border-width:0px;
  223. position:absolute;
  224. left:343px;
  225. top:63px;
  226. width:18px;
  227. height:5px;
  228. display:flex;
  229. }
  230. #u204 .text {
  231. position:absolute;
  232. align-self:center;
  233. padding:2px 2px 2px 2px;
  234. box-sizing:border-box;
  235. width:100%;
  236. }
  237. #u204_text {
  238. border-width:0px;
  239. word-wrap:break-word;
  240. text-transform:none;
  241. visibility:hidden;
  242. }
  243. #u205 {
  244. border-width:0px;
  245. position:absolute;
  246. left:0px;
  247. top:0px;
  248. width:0px;
  249. height:0px;
  250. }
  251. #u206_div {
  252. border-width:0px;
  253. position:absolute;
  254. left:0px;
  255. top:0px;
  256. width:375px;
  257. height:617px;
  258. background:inherit;
  259. background-color:rgba(170, 170, 170, 1);
  260. box-sizing:border-box;
  261. border-width:1px;
  262. border-style:solid;
  263. border-color:rgba(121, 121, 121, 1);
  264. border-left:0px;
  265. border-top:0px;
  266. border-right:0px;
  267. border-bottom:0px;
  268. border-radius:0px;
  269. -moz-box-shadow:none;
  270. -webkit-box-shadow:none;
  271. box-shadow:none;
  272. }
  273. #u206 {
  274. border-width:0px;
  275. position:absolute;
  276. left:0px;
  277. top:50px;
  278. width:375px;
  279. height:617px;
  280. display:flex;
  281. opacity:0.5;
  282. }
  283. #u206 .text {
  284. position:absolute;
  285. align-self:center;
  286. padding:2px 2px 2px 2px;
  287. box-sizing:border-box;
  288. width:100%;
  289. }
  290. #u206_text {
  291. border-width:0px;
  292. word-wrap:break-word;
  293. text-transform:none;
  294. visibility:hidden;
  295. }
  296. #u207_div {
  297. border-width:0px;
  298. position:absolute;
  299. left:0px;
  300. top:0px;
  301. width:375px;
  302. height:47px;
  303. background:inherit;
  304. background-color:rgba(255, 255, 255, 1);
  305. box-sizing:border-box;
  306. border-width:1px;
  307. border-style:solid;
  308. border-color:rgba(121, 121, 121, 1);
  309. border-left:0px;
  310. border-top:0px;
  311. border-right:0px;
  312. border-radius:0px;
  313. border-bottom-right-radius:0px;
  314. border-bottom-left-radius:0px;
  315. -moz-box-shadow:none;
  316. -webkit-box-shadow:none;
  317. box-shadow:none;
  318. }
  319. #u207 {
  320. border-width:0px;
  321. position:absolute;
  322. left:0px;
  323. top:526px;
  324. width:375px;
  325. height:47px;
  326. display:flex;
  327. }
  328. #u207 .text {
  329. position:absolute;
  330. align-self:center;
  331. padding:2px 2px 2px 2px;
  332. box-sizing:border-box;
  333. width:100%;
  334. }
  335. #u207_text {
  336. border-width:0px;
  337. word-wrap:break-word;
  338. text-transform:none;
  339. }
  340. #u208_div {
  341. border-width:0px;
  342. position:absolute;
  343. left:0px;
  344. top:0px;
  345. width:375px;
  346. height:47px;
  347. background:inherit;
  348. background-color:rgba(255, 255, 255, 1);
  349. box-sizing:border-box;
  350. border-width:1px;
  351. border-style:solid;
  352. border-color:rgba(121, 121, 121, 1);
  353. border-left:0px;
  354. border-top:0px;
  355. border-right:0px;
  356. border-radius:0px;
  357. border-bottom-right-radius:0px;
  358. border-bottom-left-radius:0px;
  359. -moz-box-shadow:none;
  360. -webkit-box-shadow:none;
  361. box-shadow:none;
  362. }
  363. #u208 {
  364. border-width:0px;
  365. position:absolute;
  366. left:0px;
  367. top:573px;
  368. width:375px;
  369. height:47px;
  370. display:flex;
  371. }
  372. #u208 .text {
  373. position:absolute;
  374. align-self:center;
  375. padding:2px 2px 2px 2px;
  376. box-sizing:border-box;
  377. width:100%;
  378. }
  379. #u208_text {
  380. border-width:0px;
  381. word-wrap:break-word;
  382. text-transform:none;
  383. }
  384. #u209_div {
  385. border-width:0px;
  386. position:absolute;
  387. left:0px;
  388. top:0px;
  389. width:375px;
  390. height:47px;
  391. background:inherit;
  392. background-color:rgba(255, 255, 255, 1);
  393. box-sizing:border-box;
  394. border-width:1px;
  395. border-style:solid;
  396. border-color:rgba(121, 121, 121, 1);
  397. border-left:0px;
  398. border-top:0px;
  399. border-right:0px;
  400. border-radius:0px;
  401. border-bottom-right-radius:0px;
  402. border-bottom-left-radius:0px;
  403. -moz-box-shadow:none;
  404. -webkit-box-shadow:none;
  405. box-shadow:none;
  406. }
  407. #u209 {
  408. border-width:0px;
  409. position:absolute;
  410. left:0px;
  411. top:620px;
  412. width:375px;
  413. height:47px;
  414. display:flex;
  415. }
  416. #u209 .text {
  417. position:absolute;
  418. align-self:center;
  419. padding:2px 2px 2px 2px;
  420. box-sizing:border-box;
  421. width:100%;
  422. }
  423. #u209_text {
  424. border-width:0px;
  425. word-wrap:break-word;
  426. text-transform:none;
  427. }
  428. #u210 {
  429. border-width:0px;
  430. position:absolute;
  431. left:0px;
  432. top:0px;
  433. width:0px;
  434. height:0px;
  435. }
  436. #u211_div {
  437. border-width:0px;
  438. position:absolute;
  439. left:0px;
  440. top:0px;
  441. width:375px;
  442. height:617px;
  443. background:inherit;
  444. background-color:rgba(170, 170, 170, 1);
  445. box-sizing:border-box;
  446. border-width:1px;
  447. border-style:solid;
  448. border-color:rgba(121, 121, 121, 1);
  449. border-left:0px;
  450. border-top:0px;
  451. border-right:0px;
  452. border-bottom:0px;
  453. border-radius:0px;
  454. -moz-box-shadow:none;
  455. -webkit-box-shadow:none;
  456. box-shadow:none;
  457. }
  458. #u211 {
  459. border-width:0px;
  460. position:absolute;
  461. left:0px;
  462. top:50px;
  463. width:375px;
  464. height:617px;
  465. display:flex;
  466. opacity:0.5;
  467. }
  468. #u211 .text {
  469. position:absolute;
  470. align-self:center;
  471. padding:2px 2px 2px 2px;
  472. box-sizing:border-box;
  473. width:100%;
  474. }
  475. #u211_text {
  476. border-width:0px;
  477. word-wrap:break-word;
  478. text-transform:none;
  479. visibility:hidden;
  480. }
  481. #u212_div {
  482. border-width:0px;
  483. position:absolute;
  484. left:0px;
  485. top:0px;
  486. width:375px;
  487. height:375px;
  488. background:inherit;
  489. background-color:rgba(255, 255, 255, 1);
  490. box-sizing:border-box;
  491. border-width:1px;
  492. border-style:solid;
  493. border-color:rgba(121, 121, 121, 1);
  494. border-left:0px;
  495. border-top:0px;
  496. border-right:0px;
  497. border-bottom:0px;
  498. border-radius:0px;
  499. -moz-box-shadow:none;
  500. -webkit-box-shadow:none;
  501. box-shadow:none;
  502. }
  503. #u212 {
  504. border-width:0px;
  505. position:absolute;
  506. left:0px;
  507. top:171px;
  508. width:375px;
  509. height:375px;
  510. display:flex;
  511. }
  512. #u212 .text {
  513. position:absolute;
  514. align-self:center;
  515. padding:2px 2px 2px 2px;
  516. box-sizing:border-box;
  517. width:100%;
  518. }
  519. #u212_text {
  520. border-width:0px;
  521. word-wrap:break-word;
  522. text-transform:none;
  523. }
  524. #u213_img {
  525. border-width:0px;
  526. position:absolute;
  527. left:0px;
  528. top:0px;
  529. width:15px;
  530. height:15px;
  531. }
  532. #u213 {
  533. border-width:0px;
  534. position:absolute;
  535. left:9px;
  536. top:64px;
  537. width:15px;
  538. height:15px;
  539. display:flex;
  540. }
  541. #u213 .text {
  542. position:absolute;
  543. align-self:center;
  544. padding:2px 2px 2px 2px;
  545. box-sizing:border-box;
  546. width:100%;
  547. }
  548. #u213_text {
  549. border-width:0px;
  550. word-wrap:break-word;
  551. text-transform:none;
  552. visibility:hidden;
  553. }
  554. #u214 {
  555. border-width:0px;
  556. position:absolute;
  557. left:0px;
  558. top:0px;
  559. width:0px;
  560. height:0px;
  561. }
  562. #u215_div {
  563. border-width:0px;
  564. position:absolute;
  565. left:0px;
  566. top:0px;
  567. width:375px;
  568. height:617px;
  569. background:inherit;
  570. background-color:rgba(170, 170, 170, 1);
  571. box-sizing:border-box;
  572. border-width:1px;
  573. border-style:solid;
  574. border-color:rgba(121, 121, 121, 1);
  575. border-left:0px;
  576. border-top:0px;
  577. border-right:0px;
  578. border-bottom:0px;
  579. border-radius:0px;
  580. -moz-box-shadow:none;
  581. -webkit-box-shadow:none;
  582. box-shadow:none;
  583. }
  584. #u215 {
  585. border-width:0px;
  586. position:absolute;
  587. left:0px;
  588. top:50px;
  589. width:375px;
  590. height:617px;
  591. display:flex;
  592. opacity:0.5;
  593. }
  594. #u215 .text {
  595. position:absolute;
  596. align-self:center;
  597. padding:2px 2px 2px 2px;
  598. box-sizing:border-box;
  599. width:100%;
  600. }
  601. #u215_text {
  602. border-width:0px;
  603. word-wrap:break-word;
  604. text-transform:none;
  605. visibility:hidden;
  606. }
  607. #u216_div {
  608. border-width:0px;
  609. position:absolute;
  610. left:0px;
  611. top:0px;
  612. width:375px;
  613. height:375px;
  614. background:inherit;
  615. background-color:rgba(255, 255, 255, 1);
  616. box-sizing:border-box;
  617. border-width:1px;
  618. border-style:solid;
  619. border-color:rgba(121, 121, 121, 1);
  620. border-left:0px;
  621. border-top:0px;
  622. border-right:0px;
  623. border-bottom:0px;
  624. border-radius:0px;
  625. -moz-box-shadow:none;
  626. -webkit-box-shadow:none;
  627. box-shadow:none;
  628. }
  629. #u216 {
  630. border-width:0px;
  631. position:absolute;
  632. left:0px;
  633. top:171px;
  634. width:375px;
  635. height:375px;
  636. display:flex;
  637. }
  638. #u216 .text {
  639. position:absolute;
  640. align-self:center;
  641. padding:2px 2px 2px 2px;
  642. box-sizing:border-box;
  643. width:100%;
  644. }
  645. #u216_text {
  646. border-width:0px;
  647. word-wrap:break-word;
  648. text-transform:none;
  649. }
  650. #u217_img {
  651. border-width:0px;
  652. position:absolute;
  653. left:0px;
  654. top:0px;
  655. width:15px;
  656. height:15px;
  657. }
  658. #u217 {
  659. border-width:0px;
  660. position:absolute;
  661. left:5px;
  662. top:55px;
  663. width:15px;
  664. height:15px;
  665. display:flex;
  666. }
  667. #u217 .text {
  668. position:absolute;
  669. align-self:center;
  670. padding:2px 2px 2px 2px;
  671. box-sizing:border-box;
  672. width:100%;
  673. }
  674. #u217_text {
  675. border-width:0px;
  676. word-wrap:break-word;
  677. text-transform:none;
  678. visibility:hidden;
  679. }
  680. #u218 {
  681. border-width:0px;
  682. position:absolute;
  683. left:0px;
  684. top:0px;
  685. width:0px;
  686. height:0px;
  687. }
  688. #u219 {
  689. border-width:0px;
  690. position:absolute;
  691. left:0px;
  692. top:0px;
  693. width:0px;
  694. height:0px;
  695. }
  696. #u220_div {
  697. border-width:0px;
  698. position:absolute;
  699. left:0px;
  700. top:0px;
  701. width:375px;
  702. height:617px;
  703. background:inherit;
  704. background-color:rgba(85, 85, 85, 1);
  705. box-sizing:border-box;
  706. border-width:1px;
  707. border-style:solid;
  708. border-color:rgba(121, 121, 121, 1);
  709. border-left:0px;
  710. border-top:0px;
  711. border-right:0px;
  712. border-bottom:0px;
  713. border-radius:0px;
  714. -moz-box-shadow:none;
  715. -webkit-box-shadow:none;
  716. box-shadow:none;
  717. }
  718. #u220 {
  719. border-width:0px;
  720. position:absolute;
  721. left:0px;
  722. top:50px;
  723. width:375px;
  724. height:617px;
  725. display:flex;
  726. }
  727. #u220 .text {
  728. position:absolute;
  729. align-self:center;
  730. padding:2px 2px 2px 2px;
  731. box-sizing:border-box;
  732. width:100%;
  733. }
  734. #u220_text {
  735. border-width:0px;
  736. word-wrap:break-word;
  737. text-transform:none;
  738. visibility:hidden;
  739. }
  740. #u221_img {
  741. border-width:0px;
  742. position:absolute;
  743. left:0px;
  744. top:0px;
  745. width:375px;
  746. height:375px;
  747. }
  748. #u221 {
  749. border-width:0px;
  750. position:absolute;
  751. left:0px;
  752. top:171px;
  753. width:375px;
  754. height:375px;
  755. display:flex;
  756. }
  757. #u221 .text {
  758. position:absolute;
  759. align-self:center;
  760. padding:2px 2px 2px 2px;
  761. box-sizing:border-box;
  762. width:100%;
  763. }
  764. #u221_text {
  765. border-width:0px;
  766. word-wrap:break-word;
  767. text-transform:none;
  768. visibility:hidden;
  769. }
  770. #u222_div {
  771. border-width:0px;
  772. position:absolute;
  773. left:0px;
  774. top:0px;
  775. width:375px;
  776. height:47px;
  777. background:inherit;
  778. background-color:rgba(255, 255, 255, 1);
  779. box-sizing:border-box;
  780. border-width:1px;
  781. border-style:solid;
  782. border-color:rgba(121, 121, 121, 1);
  783. border-left:0px;
  784. border-top:0px;
  785. border-right:0px;
  786. border-radius:0px;
  787. border-bottom-right-radius:0px;
  788. border-bottom-left-radius:0px;
  789. -moz-box-shadow:none;
  790. -webkit-box-shadow:none;
  791. box-shadow:none;
  792. }
  793. #u222 {
  794. border-width:0px;
  795. position:absolute;
  796. left:0px;
  797. top:620px;
  798. width:375px;
  799. height:47px;
  800. display:flex;
  801. }
  802. #u222 .text {
  803. position:absolute;
  804. align-self:center;
  805. padding:2px 2px 2px 2px;
  806. box-sizing:border-box;
  807. width:100%;
  808. }
  809. #u222_text {
  810. border-width:0px;
  811. word-wrap:break-word;
  812. text-transform:none;
  813. }
  814. #u223_div {
  815. border-width:0px;
  816. position:absolute;
  817. left:0px;
  818. top:0px;
  819. width:375px;
  820. height:47px;
  821. background:inherit;
  822. background-color:rgba(255, 255, 255, 1);
  823. box-sizing:border-box;
  824. border-width:1px;
  825. border-style:solid;
  826. border-color:rgba(121, 121, 121, 1);
  827. border-left:0px;
  828. border-top:0px;
  829. border-right:0px;
  830. border-radius:0px;
  831. border-bottom-right-radius:0px;
  832. border-bottom-left-radius:0px;
  833. -moz-box-shadow:none;
  834. -webkit-box-shadow:none;
  835. box-shadow:none;
  836. }
  837. #u223 {
  838. border-width:0px;
  839. position:absolute;
  840. left:0px;
  841. top:573px;
  842. width:375px;
  843. height:47px;
  844. display:flex;
  845. }
  846. #u223 .text {
  847. position:absolute;
  848. align-self:center;
  849. padding:2px 2px 2px 2px;
  850. box-sizing:border-box;
  851. width:100%;
  852. }
  853. #u223_text {
  854. border-width:0px;
  855. word-wrap:break-word;
  856. text-transform:none;
  857. }