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

786 lines
14 KiB

4 years ago
4 years ago
4 years ago
4 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
3 years ago
4 years ago
3 years ago
4 years ago
3 years ago
3 years ago
4 years ago
4 years ago
3 years ago
4 years ago
4 years ago
4 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
4 years ago
3 years ago
4 years ago
3 years ago
4 years ago
4 years ago
3 years ago
4 years ago
4 years ago
3 years ago
4 years ago
3 years ago
4 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
4 years ago
3 years ago
4 years ago
3 years ago
4 years ago
4 years ago
4 years ago
3 years ago
4 years ago
4 years ago
3 years ago
4 years ago
3 years ago
4 years ago
3 years ago
4 years ago
4 years ago
3 years ago
4 years ago
3 years ago
4 years ago
4 years ago
3 years ago
4 years ago
4 years ago
3 years ago
4 years ago
3 years ago
4 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
4 years ago
3 years ago
4 years ago
3 years ago
4 years ago
4 years ago
4 years ago
3 years ago
4 years ago
4 years ago
3 years ago
4 years ago
3 years ago
4 years ago
3 years ago
4 years ago
4 years ago
3 years ago
4 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
3 years ago
4 years ago
4 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
3 years ago
4 years ago
4 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
3 years ago
4 years ago
4 years ago
3 years ago
4 years ago
4 years ago
3 years ago
4 years ago
4 years ago
3 years ago
4 years ago
4 years ago
4 years ago
3 years ago
4 years ago
4 years ago
3 years ago
4 years ago
4 years ago
3 years ago
4 years ago
4 years ago
4 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
3 years ago
4 years ago
3 years ago
4 years ago
4 years ago
3 years ago
4 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
3 years ago
4 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 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. #u4698_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. #u4698 {
  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. #u4698 .text {
  52. position:absolute;
  53. align-self:center;
  54. padding:2px 2px 2px 2px;
  55. box-sizing:border-box;
  56. width:100%;
  57. }
  58. #u4698_text {
  59. border-width:0px;
  60. word-wrap:break-word;
  61. text-transform:none;
  62. visibility:hidden;
  63. }
  64. #u4699_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. #u4699 {
  87. border-width:0px;
  88. position:absolute;
  89. left:0px;
  90. top:0px;
  91. width:375px;
  92. height:50px;
  93. display:flex;
  94. }
  95. #u4699 .text {
  96. position:absolute;
  97. align-self:center;
  98. padding:2px 2px 2px 2px;
  99. box-sizing:border-box;
  100. width:100%;
  101. }
  102. #u4699_text {
  103. border-width:0px;
  104. word-wrap:break-word;
  105. text-transform:none;
  106. visibility:hidden;
  107. }
  108. #u4700_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. #u4700 {
  131. border-width:0px;
  132. position:absolute;
  133. left:0px;
  134. top:0px;
  135. width:375px;
  136. height:50px;
  137. display:flex;
  138. }
  139. #u4700 .text {
  140. position:absolute;
  141. align-self:center;
  142. padding:2px 2px 2px 2px;
  143. box-sizing:border-box;
  144. width:100%;
  145. }
  146. #u4700_text {
  147. border-width:0px;
  148. word-wrap:break-word;
  149. text-transform:none;
  150. }
  151. .u4702_div {
  152. border-width:0px;
  153. position:absolute;
  154. left:0px;
  155. top:0px;
  156. width:374px;
  157. height:80px;
  158. background:inherit;
  159. background-color:rgba(255, 255, 255, 1);
  160. box-sizing:border-box;
  161. border-width:1px;
  162. border-style:solid;
  163. border-color:rgba(121, 121, 121, 1);
  164. border-left:0px;
  165. border-top:0px;
  166. border-right:0px;
  167. border-radius:0px;
  168. border-bottom-right-radius:0px;
  169. border-bottom-left-radius:0px;
  170. -moz-box-shadow:none;
  171. -webkit-box-shadow:none;
  172. box-shadow:none;
  173. text-align:left;
  174. }
  175. .u4702 {
  176. border-width:0px;
  177. position:absolute;
  178. left:0px;
  179. top:0px;
  180. width:374px;
  181. height:80px;
  182. display:flex;
  183. text-align:left;
  184. }
  185. .u4702 .text {
  186. position:absolute;
  187. align-self:center;
  188. padding:2px 2px 2px 2px;
  189. box-sizing:border-box;
  190. width:100%;
  191. }
  192. .u4702_text {
  193. border-width:0px;
  194. word-wrap:break-word;
  195. text-transform:none;
  196. visibility:hidden;
  197. }
  198. .u4703_div {
  199. border-width:0px;
  200. position:absolute;
  201. left:0px;
  202. top:0px;
  203. width:96px;
  204. height:27px;
  205. background:inherit;
  206. background-color:rgba(255, 255, 255, 1);
  207. box-sizing:border-box;
  208. border-width:1px;
  209. border-style:solid;
  210. border-color:rgba(121, 121, 121, 1);
  211. border-left:0px;
  212. border-top:0px;
  213. border-right:0px;
  214. border-bottom:0px;
  215. border-radius:5px;
  216. -moz-box-shadow:none;
  217. -webkit-box-shadow:none;
  218. box-shadow:none;
  219. font-size:16px;
  220. text-align:right;
  221. }
  222. .u4703 {
  223. border-width:0px;
  224. position:absolute;
  225. left:255px;
  226. top:39px;
  227. width:96px;
  228. height:27px;
  229. display:flex;
  230. font-size:16px;
  231. text-align:right;
  232. }
  233. .u4703 .text {
  234. position:absolute;
  235. align-self:center;
  236. padding:2px 2px 2px 2px;
  237. box-sizing:border-box;
  238. width:100%;
  239. }
  240. .u4703_text {
  241. border-width:0px;
  242. word-wrap:break-word;
  243. text-transform:none;
  244. visibility:hidden;
  245. }
  246. .u4704_div {
  247. border-width:0px;
  248. position:absolute;
  249. left:0px;
  250. top:0px;
  251. width:100px;
  252. height:30px;
  253. background:inherit;
  254. background-color:rgba(255, 255, 255, 1);
  255. box-sizing:border-box;
  256. border-width:1px;
  257. border-style:solid;
  258. border-color:rgba(121, 121, 121, 1);
  259. border-left:0px;
  260. border-top:0px;
  261. border-right:0px;
  262. border-bottom:0px;
  263. border-radius:10px;
  264. -moz-box-shadow:none;
  265. -webkit-box-shadow:none;
  266. box-shadow:none;
  267. font-size:16px;
  268. }
  269. .u4704 {
  270. border-width:0px;
  271. position:absolute;
  272. left:54px;
  273. top:9px;
  274. width:100px;
  275. height:30px;
  276. display:flex;
  277. font-size:16px;
  278. }
  279. .u4704 .text {
  280. position:absolute;
  281. align-self:center;
  282. padding:2px 2px 2px 2px;
  283. box-sizing:border-box;
  284. width:100%;
  285. }
  286. .u4704_text {
  287. border-width:0px;
  288. word-wrap:break-word;
  289. text-transform:none;
  290. visibility:hidden;
  291. }
  292. .u4705_div {
  293. border-width:0px;
  294. position:absolute;
  295. left:0px;
  296. top:0px;
  297. width:89px;
  298. height:30px;
  299. background:inherit;
  300. background-color:rgba(255, 255, 255, 1);
  301. box-sizing:border-box;
  302. border-width:1px;
  303. border-style:solid;
  304. border-color:rgba(121, 121, 121, 1);
  305. border-left:0px;
  306. border-top:0px;
  307. border-right:0px;
  308. border-bottom:0px;
  309. border-radius:10px;
  310. -moz-box-shadow:none;
  311. -webkit-box-shadow:none;
  312. box-shadow:none;
  313. font-size:16px;
  314. text-align:right;
  315. }
  316. .u4705 {
  317. border-width:0px;
  318. position:absolute;
  319. left:262px;
  320. top:9px;
  321. width:89px;
  322. height:30px;
  323. display:flex;
  324. opacity:0.6;
  325. font-size:16px;
  326. text-align:right;
  327. }
  328. .u4705 .text {
  329. position:absolute;
  330. align-self:center;
  331. padding:2px 2px 2px 2px;
  332. box-sizing:border-box;
  333. width:100%;
  334. }
  335. .u4705_text {
  336. border-width:0px;
  337. word-wrap:break-word;
  338. text-transform:none;
  339. visibility:hidden;
  340. }
  341. .u4706_div {
  342. border-width:0px;
  343. position:absolute;
  344. left:0px;
  345. top:0px;
  346. width:101px;
  347. height:30px;
  348. background:inherit;
  349. background-color:rgba(255, 255, 255, 1);
  350. box-sizing:border-box;
  351. border-width:1px;
  352. border-style:solid;
  353. border-color:rgba(121, 121, 121, 1);
  354. border-left:0px;
  355. border-top:0px;
  356. border-right:0px;
  357. border-bottom:0px;
  358. border-radius:10px;
  359. -moz-box-shadow:none;
  360. -webkit-box-shadow:none;
  361. box-shadow:none;
  362. text-align:left;
  363. }
  364. .u4706 {
  365. border-width:0px;
  366. position:absolute;
  367. left:154px;
  368. top:9px;
  369. width:101px;
  370. height:30px;
  371. display:flex;
  372. text-align:left;
  373. }
  374. .u4706 .text {
  375. position:absolute;
  376. align-self:center;
  377. padding:2px 2px 2px 2px;
  378. box-sizing:border-box;
  379. width:100%;
  380. }
  381. .u4706_text {
  382. border-width:0px;
  383. word-wrap:break-word;
  384. text-transform:none;
  385. visibility:hidden;
  386. }
  387. .u4707_img {
  388. border-width:0px;
  389. position:absolute;
  390. left:0px;
  391. top:0px;
  392. width:40px;
  393. height:40px;
  394. }
  395. .u4707 {
  396. border-width:0px;
  397. position:absolute;
  398. left:9px;
  399. top:6px;
  400. width:40px;
  401. height:40px;
  402. display:flex;
  403. }
  404. .u4707 .text {
  405. position:absolute;
  406. align-self:center;
  407. padding:2px 2px 2px 2px;
  408. box-sizing:border-box;
  409. width:100%;
  410. }
  411. .u4707_text {
  412. border-width:0px;
  413. word-wrap:break-word;
  414. text-transform:none;
  415. visibility:hidden;
  416. }
  417. .u4708_div {
  418. border-width:0px;
  419. position:absolute;
  420. left:0px;
  421. top:0px;
  422. width:111px;
  423. height:27px;
  424. background:inherit;
  425. background-color:rgba(255, 255, 255, 1);
  426. box-sizing:border-box;
  427. border-width:1px;
  428. border-style:solid;
  429. border-color:rgba(121, 121, 121, 1);
  430. border-left:0px;
  431. border-top:0px;
  432. border-right:0px;
  433. border-bottom:0px;
  434. border-radius:5px;
  435. -moz-box-shadow:none;
  436. -webkit-box-shadow:none;
  437. box-shadow:none;
  438. text-align:left;
  439. }
  440. .u4708 {
  441. border-width:0px;
  442. position:absolute;
  443. left:76px;
  444. top:39px;
  445. width:111px;
  446. height:27px;
  447. display:flex;
  448. opacity:0.6;
  449. text-align:left;
  450. }
  451. .u4708 .text {
  452. position:absolute;
  453. align-self:center;
  454. padding:2px 2px 2px 2px;
  455. box-sizing:border-box;
  456. width:100%;
  457. }
  458. .u4708_text {
  459. border-width:0px;
  460. word-wrap:break-word;
  461. text-transform:none;
  462. visibility:hidden;
  463. }
  464. .u4709_div {
  465. border-width:0px;
  466. position:absolute;
  467. left:0px;
  468. top:0px;
  469. width:375px;
  470. height:80px;
  471. background:inherit;
  472. background-color:rgba(255, 255, 255, 0);
  473. box-sizing:border-box;
  474. border-width:1px;
  475. border-style:solid;
  476. border-color:rgba(121, 121, 121, 1);
  477. border-left:0px;
  478. border-top:0px;
  479. border-right:0px;
  480. border-bottom:0px;
  481. border-radius:0px;
  482. -moz-box-shadow:none;
  483. -webkit-box-shadow:none;
  484. box-shadow:none;
  485. font-size:18px;
  486. text-align:right;
  487. }
  488. .u4709 {
  489. border-width:0px;
  490. position:absolute;
  491. left:0px;
  492. top:0px;
  493. width:375px;
  494. height:80px;
  495. display:flex;
  496. font-size:18px;
  497. text-align:right;
  498. }
  499. .u4709 .text {
  500. position:absolute;
  501. align-self:center;
  502. padding:2px 6px 2px 2px;
  503. box-sizing:border-box;
  504. width:100%;
  505. }
  506. .u4709_text {
  507. border-width:0px;
  508. word-wrap:break-word;
  509. text-transform:none;
  510. }
  511. .u4710_img {
  512. border-width:0px;
  513. position:absolute;
  514. left:0px;
  515. top:0px;
  516. width:17px;
  517. height:17px;
  518. }
  519. .u4710 {
  520. border-width:0px;
  521. position:absolute;
  522. left:56px;
  523. top:44px;
  524. width:17px;
  525. height:17px;
  526. display:flex;
  527. }
  528. .u4710 .text {
  529. position:absolute;
  530. align-self:center;
  531. padding:2px 2px 2px 2px;
  532. box-sizing:border-box;
  533. width:100%;
  534. }
  535. .u4710_text {
  536. border-width:0px;
  537. word-wrap:break-word;
  538. text-transform:none;
  539. visibility:hidden;
  540. }
  541. #u4701-1 {
  542. border-width:0px;
  543. position:absolute;
  544. left:0px;
  545. top:0px;
  546. width:375px;
  547. height:80px;
  548. }
  549. #u4701-2 {
  550. border-width:0px;
  551. position:absolute;
  552. left:0px;
  553. top:80px;
  554. width:375px;
  555. height:80px;
  556. }
  557. #u4701-3 {
  558. border-width:0px;
  559. position:absolute;
  560. left:0px;
  561. top:160px;
  562. width:375px;
  563. height:80px;
  564. }
  565. #u4701-4 {
  566. border-width:0px;
  567. position:absolute;
  568. left:0px;
  569. top:240px;
  570. width:375px;
  571. height:80px;
  572. }
  573. #u4701-5 {
  574. border-width:0px;
  575. position:absolute;
  576. left:0px;
  577. top:320px;
  578. width:375px;
  579. height:80px;
  580. }
  581. #u4701-6 {
  582. border-width:0px;
  583. position:absolute;
  584. left:0px;
  585. top:400px;
  586. width:375px;
  587. height:80px;
  588. }
  589. #u4701-7 {
  590. border-width:0px;
  591. position:absolute;
  592. left:0px;
  593. top:480px;
  594. width:375px;
  595. height:80px;
  596. }
  597. #u4701 {
  598. border-width:0px;
  599. position:absolute;
  600. left:0px;
  601. top:170px;
  602. width:375px;
  603. height:560px;
  604. background:inherit;
  605. background-color:rgba(255, 255, 255, 0);
  606. border:none;
  607. border-radius:0px;
  608. }
  609. #u4711_div {
  610. border-width:0px;
  611. position:absolute;
  612. left:0px;
  613. top:0px;
  614. width:86px;
  615. height:35px;
  616. background:inherit;
  617. background-color:rgba(242, 242, 242, 0);
  618. box-sizing:border-box;
  619. border-width:1px;
  620. border-style:solid;
  621. border-color:rgba(121, 121, 121, 1);
  622. border-left:0px;
  623. border-top:0px;
  624. border-right:0px;
  625. border-bottom:0px;
  626. border-radius:0px;
  627. -moz-box-shadow:none;
  628. -webkit-box-shadow:none;
  629. box-shadow:none;
  630. color:#B8741A;
  631. }
  632. #u4711 {
  633. border-width:0px;
  634. position:absolute;
  635. left:286px;
  636. top:135px;
  637. width:86px;
  638. height:35px;
  639. display:flex;
  640. color:#B8741A;
  641. }
  642. #u4711 .text {
  643. position:absolute;
  644. align-self:center;
  645. padding:2px 2px 2px 2px;
  646. box-sizing:border-box;
  647. width:100%;
  648. }
  649. #u4711_text {
  650. border-width:0px;
  651. word-wrap:break-word;
  652. text-transform:none;
  653. }
  654. #u4712_div {
  655. border-width:0px;
  656. position:absolute;
  657. left:0px;
  658. top:0px;
  659. width:360px;
  660. height:70px;
  661. background:inherit;
  662. background-color:rgba(0, 128, 128, 0.654901960784314);
  663. box-sizing:border-box;
  664. border-width:1px;
  665. border-style:solid;
  666. border-color:rgba(121, 121, 121, 1);
  667. border-left:0px;
  668. border-top:0px;
  669. border-right:0px;
  670. border-bottom:0px;
  671. border-radius:5px;
  672. -moz-box-shadow:none;
  673. -webkit-box-shadow:none;
  674. box-shadow:none;
  675. color:#FFFFFF;
  676. }
  677. #u4712 {
  678. border-width:0px;
  679. position:absolute;
  680. left:7px;
  681. top:65px;
  682. width:360px;
  683. height:70px;
  684. display:flex;
  685. color:#FFFFFF;
  686. }
  687. #u4712 .text {
  688. position:absolute;
  689. align-self:center;
  690. padding:2px 2px 2px 2px;
  691. box-sizing:border-box;
  692. width:100%;
  693. }
  694. #u4712_text {
  695. border-width:0px;
  696. word-wrap:break-word;
  697. text-transform:none;
  698. visibility:hidden;
  699. }
  700. #u4713_div {
  701. border-width:0px;
  702. position:absolute;
  703. left:0px;
  704. top:0px;
  705. width:101px;
  706. height:21px;
  707. background:inherit;
  708. background-color:rgba(255, 255, 255, 0);
  709. border:none;
  710. border-radius:0px;
  711. -moz-box-shadow:none;
  712. -webkit-box-shadow:none;
  713. box-shadow:none;
  714. font-size:18px;
  715. color:#FFFFFF;
  716. }
  717. #u4713 {
  718. border-width:0px;
  719. position:absolute;
  720. left:58px;
  721. top:90px;
  722. width:101px;
  723. height:21px;
  724. display:flex;
  725. font-size:18px;
  726. color:#FFFFFF;
  727. }
  728. #u4713 .text {
  729. position:absolute;
  730. align-self:flex-start;
  731. padding:0px 0px 0px 0px;
  732. box-sizing:border-box;
  733. width:100%;
  734. }
  735. #u4713_text {
  736. border-width:0px;
  737. white-space:nowrap;
  738. text-transform:none;
  739. }
  740. #u4714_div {
  741. border-width:0px;
  742. position:absolute;
  743. left:0px;
  744. top:0px;
  745. width:94px;
  746. height:35px;
  747. background:inherit;
  748. background-color:rgba(255, 255, 255, 0);
  749. box-sizing:border-box;
  750. border-width:1px;
  751. border-style:solid;
  752. border-color:rgba(121, 121, 121, 1);
  753. border-left:0px;
  754. border-top:0px;
  755. border-right:0px;
  756. border-bottom:0px;
  757. border-radius:0px;
  758. -moz-box-shadow:none;
  759. -webkit-box-shadow:none;
  760. box-shadow:none;
  761. font-size:18px;
  762. color:#FFFFFF;
  763. }
  764. #u4714 {
  765. border-width:0px;
  766. position:absolute;
  767. left:222px;
  768. top:83px;
  769. width:94px;
  770. height:35px;
  771. display:flex;
  772. font-size:18px;
  773. color:#FFFFFF;
  774. }
  775. #u4714 .text {
  776. position:absolute;
  777. align-self:center;
  778. padding:2px 2px 2px 2px;
  779. box-sizing:border-box;
  780. width:100%;
  781. }
  782. #u4714_text {
  783. border-width:0px;
  784. word-wrap:break-word;
  785. text-transform:none;
  786. }