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

694 lines
12 KiB

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