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

710 lines
12 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
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
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. #u1529_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(255, 255, 255, 1);
  28. box-sizing:border-box;
  29. border-width:1px;
  30. border-style:solid;
  31. border-color:rgba(121, 121, 121, 1);
  32. border-left:0px;
  33. border-top:0px;
  34. border-right:0px;
  35. border-bottom:0px;
  36. border-radius:0px;
  37. -moz-box-shadow:none;
  38. -webkit-box-shadow:none;
  39. box-shadow:none;
  40. }
  41. #u1529 {
  42. border-width:0px;
  43. position:absolute;
  44. left:0px;
  45. top:0px;
  46. width:375px;
  47. height:667px;
  48. display:flex;
  49. }
  50. #u1529 .text {
  51. position:absolute;
  52. align-self:center;
  53. padding:2px 2px 2px 2px;
  54. box-sizing:border-box;
  55. width:100%;
  56. }
  57. #u1529_text {
  58. border-width:0px;
  59. word-wrap:break-word;
  60. text-transform:none;
  61. visibility:hidden;
  62. }
  63. #u1530_div {
  64. border-width:0px;
  65. position:absolute;
  66. left:0px;
  67. top:0px;
  68. width:375px;
  69. height:50px;
  70. background:inherit;
  71. background-color:rgba(255, 255, 255, 1);
  72. box-sizing:border-box;
  73. border-width:1px;
  74. border-style:solid;
  75. border-color:rgba(121, 121, 121, 1);
  76. border-radius:0px;
  77. -moz-box-shadow:none;
  78. -webkit-box-shadow:none;
  79. box-shadow:none;
  80. }
  81. #u1530 {
  82. border-width:0px;
  83. position:absolute;
  84. left:0px;
  85. top:0px;
  86. width:375px;
  87. height:50px;
  88. display:flex;
  89. }
  90. #u1530 .text {
  91. position:absolute;
  92. align-self:center;
  93. padding:2px 2px 2px 2px;
  94. box-sizing:border-box;
  95. width:100%;
  96. }
  97. #u1530_text {
  98. border-width:0px;
  99. word-wrap:break-word;
  100. text-transform:none;
  101. visibility:hidden;
  102. }
  103. #u1531_div {
  104. border-width:0px;
  105. position:absolute;
  106. left:0px;
  107. top:0px;
  108. width:375px;
  109. height:50px;
  110. background:inherit;
  111. background-color:rgba(255, 255, 255, 1);
  112. box-sizing:border-box;
  113. border-width:1px;
  114. border-style:solid;
  115. border-color:rgba(121, 121, 121, 1);
  116. border-radius:0px;
  117. -moz-box-shadow:none;
  118. -webkit-box-shadow:none;
  119. box-shadow:none;
  120. }
  121. #u1531 {
  122. border-width:0px;
  123. position:absolute;
  124. left:0px;
  125. top:0px;
  126. width:375px;
  127. height:50px;
  128. display:flex;
  129. }
  130. #u1531 .text {
  131. position:absolute;
  132. align-self:center;
  133. padding:2px 2px 2px 2px;
  134. box-sizing:border-box;
  135. width:100%;
  136. }
  137. #u1531_text {
  138. border-width:0px;
  139. word-wrap:break-word;
  140. text-transform:none;
  141. }
  142. #u1532_div {
  143. border-width:0px;
  144. position:absolute;
  145. left:0px;
  146. top:0px;
  147. width:187px;
  148. height:35px;
  149. background:inherit;
  150. background-color:rgba(0, 191, 191, 1);
  151. box-sizing:border-box;
  152. border-width:1px;
  153. border-style:solid;
  154. border-color:rgba(121, 121, 121, 1);
  155. border-left:0px;
  156. border-top:0px;
  157. border-right:0px;
  158. border-bottom:0px;
  159. border-radius:0px;
  160. -moz-box-shadow:none;
  161. -webkit-box-shadow:none;
  162. box-shadow:none;
  163. }
  164. #u1532 {
  165. border-width:0px;
  166. position:absolute;
  167. left:0px;
  168. top:273px;
  169. width:187px;
  170. height:35px;
  171. display:flex;
  172. }
  173. #u1532 .text {
  174. position:absolute;
  175. align-self:center;
  176. padding:2px 2px 2px 2px;
  177. box-sizing:border-box;
  178. width:100%;
  179. }
  180. #u1532_div.mouseDown {
  181. border-width:0px;
  182. position:absolute;
  183. left:0px;
  184. top:0px;
  185. width:187px;
  186. height:35px;
  187. background:inherit;
  188. background-color:rgba(129, 211, 248, 1);
  189. box-sizing:border-box;
  190. border-width:1px;
  191. border-style:solid;
  192. border-color:rgba(121, 121, 121, 1);
  193. border-left:0px;
  194. border-top:0px;
  195. border-right:0px;
  196. border-bottom:0px;
  197. border-radius:0px;
  198. -moz-box-shadow:none;
  199. -webkit-box-shadow:none;
  200. box-shadow:none;
  201. }
  202. #u1532.mouseDown {
  203. }
  204. #u1532_text {
  205. border-width:0px;
  206. word-wrap:break-word;
  207. text-transform:none;
  208. }
  209. #u1533_div {
  210. border-width:0px;
  211. position:absolute;
  212. left:0px;
  213. top:0px;
  214. width:188px;
  215. height:35px;
  216. background:inherit;
  217. background-color:rgba(129, 211, 248, 1);
  218. box-sizing:border-box;
  219. border-width:1px;
  220. border-style:solid;
  221. border-color:rgba(121, 121, 121, 1);
  222. border-left:0px;
  223. border-top:0px;
  224. border-right:0px;
  225. border-bottom:0px;
  226. border-radius:0px;
  227. -moz-box-shadow:none;
  228. -webkit-box-shadow:none;
  229. box-shadow:none;
  230. }
  231. #u1533 {
  232. border-width:0px;
  233. position:absolute;
  234. left:187px;
  235. top:273px;
  236. width:188px;
  237. height:35px;
  238. display:flex;
  239. }
  240. #u1533 .text {
  241. position:absolute;
  242. align-self:center;
  243. padding:2px 2px 2px 2px;
  244. box-sizing:border-box;
  245. width:100%;
  246. }
  247. #u1533_div.mouseDown {
  248. border-width:0px;
  249. position:absolute;
  250. left:0px;
  251. top:0px;
  252. width:188px;
  253. height:35px;
  254. background:inherit;
  255. background-color:rgba(129, 211, 248, 1);
  256. box-sizing:border-box;
  257. border-width:1px;
  258. border-style:solid;
  259. border-color:rgba(121, 121, 121, 1);
  260. border-left:0px;
  261. border-top:0px;
  262. border-right:0px;
  263. border-bottom:0px;
  264. border-radius:0px;
  265. -moz-box-shadow:none;
  266. -webkit-box-shadow:none;
  267. box-shadow:none;
  268. }
  269. #u1533.mouseDown {
  270. }
  271. #u1533_text {
  272. border-width:0px;
  273. word-wrap:break-word;
  274. text-transform:none;
  275. }
  276. #u1534 {
  277. border-width:0px;
  278. position:absolute;
  279. left:5px;
  280. top:61px;
  281. width:364px;
  282. height:160px;
  283. touch-action:none;
  284. }
  285. #u1534_state0 {
  286. border-width:0px;
  287. position:absolute;
  288. left:0px;
  289. top:0px;
  290. width:364px;
  291. height:160px;
  292. -ms-overflow-x:hidden;
  293. overflow-x:hidden;
  294. -ms-overflow-y:hidden;
  295. overflow-y:hidden;
  296. background-image:none;
  297. border:none;
  298. border-radius:0px;
  299. -moz-box-shadow:none;
  300. -webkit-box-shadow:none;
  301. box-shadow:none;
  302. }
  303. #u1534_state0_content {
  304. border-width:0px;
  305. position:absolute;
  306. left:0px;
  307. top:0px;
  308. width:1px;
  309. height:1px;
  310. }
  311. #u1535 {
  312. border-width:0px;
  313. position:absolute;
  314. left:0px;
  315. top:0px;
  316. width:0px;
  317. height:0px;
  318. }
  319. #u1536 {
  320. border-width:0px;
  321. position:absolute;
  322. left:0px;
  323. top:0px;
  324. width:0px;
  325. height:0px;
  326. }
  327. #u1537 {
  328. border-width:0px;
  329. position:absolute;
  330. left:0px;
  331. top:0px;
  332. width:0px;
  333. height:0px;
  334. }
  335. #u1538 {
  336. border-width:0px;
  337. position:absolute;
  338. left:0px;
  339. top:0px;
  340. width:0px;
  341. height:0px;
  342. }
  343. #u1539_div {
  344. border-width:0px;
  345. position:absolute;
  346. left:0px;
  347. top:0px;
  348. width:340px;
  349. height:160px;
  350. background:inherit;
  351. background-color:rgba(215, 215, 215, 1);
  352. box-sizing:border-box;
  353. border-width:1px;
  354. border-style:solid;
  355. border-color:rgba(121, 121, 121, 1);
  356. border-left:0px;
  357. border-top:0px;
  358. border-right:0px;
  359. border-bottom:0px;
  360. border-radius:10px;
  361. -moz-box-shadow:none;
  362. -webkit-box-shadow:none;
  363. box-shadow:none;
  364. }
  365. #u1539 {
  366. border-width:0px;
  367. position:absolute;
  368. left:0px;
  369. top:0px;
  370. width:340px;
  371. height:160px;
  372. display:flex;
  373. }
  374. #u1539 .text {
  375. position:absolute;
  376. align-self:center;
  377. padding:2px 2px 2px 2px;
  378. box-sizing:border-box;
  379. width:100%;
  380. }
  381. #u1539_text {
  382. border-width:0px;
  383. word-wrap:break-word;
  384. text-transform:none;
  385. visibility:hidden;
  386. }
  387. #u1540_div {
  388. border-width:0px;
  389. position:absolute;
  390. left:0px;
  391. top:0px;
  392. width:78px;
  393. height:20px;
  394. background:inherit;
  395. background-color:rgba(255, 255, 255, 0);
  396. border:none;
  397. border-left:0px;
  398. border-top:0px;
  399. border-right:0px;
  400. border-bottom:0px;
  401. border-radius:0px;
  402. -moz-box-shadow:none;
  403. -webkit-box-shadow:none;
  404. box-shadow:none;
  405. font-size:13px;
  406. }
  407. #u1540 {
  408. border-width:0px;
  409. position:absolute;
  410. left:8px;
  411. top:11px;
  412. width:78px;
  413. height:20px;
  414. display:flex;
  415. font-size:13px;
  416. }
  417. #u1540 .text {
  418. position:absolute;
  419. align-self:flex-start;
  420. padding:0px 0px 0px 0px;
  421. box-sizing:border-box;
  422. width:100%;
  423. }
  424. #u1540_text {
  425. border-width:0px;
  426. white-space:nowrap;
  427. text-transform:none;
  428. }
  429. #u1541_div {
  430. border-width:0px;
  431. position:absolute;
  432. left:0px;
  433. top:0px;
  434. width:144px;
  435. height:24px;
  436. background:inherit;
  437. background-color:rgba(255, 255, 255, 0);
  438. border:none;
  439. border-left:0px;
  440. border-top:0px;
  441. border-right:0px;
  442. border-bottom:0px;
  443. border-radius:0px;
  444. -moz-box-shadow:none;
  445. -webkit-box-shadow:none;
  446. box-shadow:none;
  447. font-size:16px;
  448. }
  449. #u1541 {
  450. border-width:0px;
  451. position:absolute;
  452. left:108px;
  453. top:128px;
  454. width:144px;
  455. height:24px;
  456. display:flex;
  457. font-size:16px;
  458. }
  459. #u1541 .text {
  460. position:absolute;
  461. align-self:flex-start;
  462. padding:0px 0px 0px 0px;
  463. box-sizing:border-box;
  464. width:100%;
  465. }
  466. #u1541_text {
  467. border-width:0px;
  468. white-space:nowrap;
  469. text-transform:none;
  470. }
  471. #u1542_img {
  472. border-width:0px;
  473. position:absolute;
  474. left:0px;
  475. top:0px;
  476. width:100px;
  477. height:107px;
  478. }
  479. #u1542 {
  480. border-width:0px;
  481. position:absolute;
  482. left:130px;
  483. top:11px;
  484. width:100px;
  485. height:107px;
  486. display:flex;
  487. }
  488. #u1542 .text {
  489. position:absolute;
  490. align-self:center;
  491. padding:2px 2px 2px 2px;
  492. box-sizing:border-box;
  493. width:100%;
  494. }
  495. #u1542_text {
  496. border-width:0px;
  497. word-wrap:break-word;
  498. text-transform:none;
  499. visibility:hidden;
  500. }
  501. #u1543 {
  502. border-width:0px;
  503. position:absolute;
  504. left:0px;
  505. top:0px;
  506. width:0px;
  507. height:0px;
  508. }
  509. #u1544 {
  510. border-width:0px;
  511. position:absolute;
  512. left:0px;
  513. top:0px;
  514. width:0px;
  515. height:0px;
  516. }
  517. #u1545_div {
  518. border-width:0px;
  519. position:absolute;
  520. left:0px;
  521. top:0px;
  522. width:340px;
  523. height:160px;
  524. background:inherit;
  525. background-color:rgba(215, 215, 215, 1);
  526. box-sizing:border-box;
  527. border-width:1px;
  528. border-style:solid;
  529. border-color:rgba(121, 121, 121, 1);
  530. border-left:0px;
  531. border-top:0px;
  532. border-right:0px;
  533. border-bottom:0px;
  534. border-radius:10px;
  535. -moz-box-shadow:none;
  536. -webkit-box-shadow:none;
  537. box-shadow:none;
  538. }
  539. #u1545 {
  540. border-width:0px;
  541. position:absolute;
  542. left:345px;
  543. top:0px;
  544. width:340px;
  545. height:160px;
  546. display:flex;
  547. }
  548. #u1545 .text {
  549. position:absolute;
  550. align-self:center;
  551. padding:2px 2px 2px 2px;
  552. box-sizing:border-box;
  553. width:100%;
  554. }
  555. #u1545_text {
  556. border-width:0px;
  557. word-wrap:break-word;
  558. text-transform:none;
  559. visibility:hidden;
  560. }
  561. #u1546_div {
  562. border-width:0px;
  563. position:absolute;
  564. left:0px;
  565. top:0px;
  566. width:78px;
  567. height:20px;
  568. background:inherit;
  569. background-color:rgba(255, 255, 255, 0);
  570. border:none;
  571. border-left:0px;
  572. border-top:0px;
  573. border-right:0px;
  574. border-bottom:0px;
  575. border-radius:0px;
  576. -moz-box-shadow:none;
  577. -webkit-box-shadow:none;
  578. box-shadow:none;
  579. font-size:13px;
  580. }
  581. #u1546 {
  582. border-width:0px;
  583. position:absolute;
  584. left:353px;
  585. top:11px;
  586. width:78px;
  587. height:20px;
  588. display:flex;
  589. font-size:13px;
  590. }
  591. #u1546 .text {
  592. position:absolute;
  593. align-self:flex-start;
  594. padding:0px 0px 0px 0px;
  595. box-sizing:border-box;
  596. width:100%;
  597. }
  598. #u1546_text {
  599. border-width:0px;
  600. white-space:nowrap;
  601. text-transform:none;
  602. }
  603. #u1547_div {
  604. border-width:0px;
  605. position:absolute;
  606. left:0px;
  607. top:0px;
  608. width:144px;
  609. height:24px;
  610. background:inherit;
  611. background-color:rgba(255, 255, 255, 0);
  612. border:none;
  613. border-left:0px;
  614. border-top:0px;
  615. border-right:0px;
  616. border-bottom:0px;
  617. border-radius:0px;
  618. -moz-box-shadow:none;
  619. -webkit-box-shadow:none;
  620. box-shadow:none;
  621. font-size:16px;
  622. }
  623. #u1547 {
  624. border-width:0px;
  625. position:absolute;
  626. left:453px;
  627. top:128px;
  628. width:144px;
  629. height:24px;
  630. display:flex;
  631. font-size:16px;
  632. }
  633. #u1547 .text {
  634. position:absolute;
  635. align-self:flex-start;
  636. padding:0px 0px 0px 0px;
  637. box-sizing:border-box;
  638. width:100%;
  639. }
  640. #u1547_text {
  641. border-width:0px;
  642. white-space:nowrap;
  643. text-transform:none;
  644. }
  645. #u1548_img {
  646. border-width:0px;
  647. position:absolute;
  648. left:0px;
  649. top:0px;
  650. width:100px;
  651. height:107px;
  652. }
  653. #u1548 {
  654. border-width:0px;
  655. position:absolute;
  656. left:475px;
  657. top:11px;
  658. width:100px;
  659. height:107px;
  660. display:flex;
  661. }
  662. #u1548 .text {
  663. position:absolute;
  664. align-self:center;
  665. padding:2px 2px 2px 2px;
  666. box-sizing:border-box;
  667. width:100%;
  668. }
  669. #u1548_text {
  670. border-width:0px;
  671. word-wrap:break-word;
  672. text-transform:none;
  673. visibility:hidden;
  674. }
  675. #u1549_div {
  676. border-width:0px;
  677. position:absolute;
  678. left:0px;
  679. top:0px;
  680. width:375px;
  681. height:312px;
  682. background:inherit;
  683. background-color:rgba(255, 255, 255, 0);
  684. border:none;
  685. border-radius:0px;
  686. -moz-box-shadow:none;
  687. -webkit-box-shadow:none;
  688. box-shadow:none;
  689. }
  690. #u1549 {
  691. border-width:0px;
  692. position:absolute;
  693. left:0px;
  694. top:355px;
  695. width:375px;
  696. height:312px;
  697. display:flex;
  698. }
  699. #u1549 .text {
  700. position:absolute;
  701. align-self:flex-start;
  702. padding:0px 0px 0px 0px;
  703. box-sizing:border-box;
  704. width:100%;
  705. }
  706. #u1549_text {
  707. border-width:0px;
  708. word-wrap:break-word;
  709. text-transform:none;
  710. }