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

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