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

1162 lines
19 KiB

body {
margin:0px;
background-image:none;
position:static;
left:auto;
width:375px;
margin-left:0;
margin-right:0;
text-align:left;
}
.form_sketch {
border-color:transparent;
background-color:transparent;
}
#base {
position:absolute;
z-index:0;
}
#u2453_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:667px;
background:inherit;
background-color:rgba(215, 215, 215, 1);
box-sizing:border-box;
border-width:1px;
border-style:solid;
border-color:rgba(121, 121, 121, 1);
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u2453 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:667px;
display:flex;
opacity:0.5;
}
#u2453 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2453_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u2454_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
background:inherit;
background-color:rgba(255, 255, 255, 1);
box-sizing:border-box;
border-width:1px;
border-style:solid;
border-color:rgba(121, 121, 121, 1);
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u2454 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u2454 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2454_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u2455_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
background:inherit;
background-color:rgba(255, 255, 255, 1);
box-sizing:border-box;
border-width:1px;
border-style:solid;
border-color:rgba(121, 121, 121, 1);
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u2455 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u2455 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2455_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u2456_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:100px;
background:inherit;
background-color:rgba(255, 255, 255, 1);
box-sizing:border-box;
border-width:1px;
border-style:solid;
border-color:rgba(121, 121, 121, 1);
border-left:0px;
border-top:0px;
border-right:0px;
border-bottom:0px;
border-radius:0px;
border-top-left-radius:0px;
border-top-right-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u2456 {
border-width:0px;
position:absolute;
left:0px;
top:50px;
width:375px;
height:100px;
display:flex;
}
#u2456 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2456_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u2457_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:50px;
height:50px;
}
#u2457 {
border-width:0px;
position:absolute;
left:16px;
top:69px;
width:50px;
height:50px;
display:flex;
}
#u2457 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2457_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u2458_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:72px;
height:18px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
font-size:16px;
}
#u2458 {
border-width:0px;
position:absolute;
left:88px;
top:76px;
width:72px;
height:18px;
display:flex;
font-size:16px;
}
#u2458 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u2458_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u2459_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:42px;
height:16px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u2459 {
border-width:0px;
position:absolute;
left:88px;
top:103px;
width:42px;
height:16px;
display:flex;
opacity:0.8;
}
#u2459 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u2459_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u2460_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:180px;
background:inherit;
background-color:rgba(255, 255, 255, 1);
box-sizing:border-box;
border-width:1px;
border-style:solid;
border-color:rgba(121, 121, 121, 1);
border-left:0px;
border-top:0px;
border-right:0px;
border-bottom:0px;
border-radius:10px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u2460 {
border-width:0px;
position:absolute;
left:0px;
top:170px;
width:375px;
height:180px;
display:flex;
}
#u2460 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2460_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u2461_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:25px;
height:25px;
}
#u2461 {
border-width:0px;
position:absolute;
left:25px;
top:216px;
width:25px;
height:25px;
display:flex;
}
#u2461 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2461_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u2462_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:13px;
height:13px;
}
#u2462 {
border-width:0px;
position:absolute;
left:31px;
top:222px;
width:13px;
height:13px;
display:flex;
}
#u2462 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2462_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u2463_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:48px;
height:18px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
font-size:16px;
}
#u2463 {
border-width:0px;
position:absolute;
left:74px;
top:223px;
width:48px;
height:18px;
display:flex;
font-size:16px;
}
#u2463 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u2463_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u2464_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:224px;
height:16px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u2464 {
border-width:0px;
position:absolute;
left:74px;
top:256px;
width:224px;
height:16px;
display:flex;
}
#u2464 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u2464_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u2465_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:130px;
height:16px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u2465 {
border-width:0px;
position:absolute;
left:74px;
top:287px;
width:130px;
height:16px;
display:flex;
opacity:0.7;
}
#u2465 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u2465_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u2466_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:42px;
height:16px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u2466 {
border-width:0px;
position:absolute;
left:112px;
top:323px;
width:42px;
height:16px;
display:flex;
}
#u2466 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u2466_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u2467_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:42px;
height:16px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u2467 {
border-width:0px;
position:absolute;
left:214px;
top:323px;
width:42px;
height:16px;
display:flex;
}
#u2467 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u2467_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u2468_img {
border-width:0px;
position:absolute;
left:0px;
top:-16px;
width:61px;
height:33px;
}
#u2468p000 {
border-width:0px;
position:absolute;
left:-3px;
top:-3px;
width:50px;
height:6px;
}
#u2468p000_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:50px;
height:6px;
}
#u2468p001 {
border-width:0px;
position:absolute;
left:-1px;
top:-1px;
width:4px;
height:4px;
}
#u2468p001_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:4px;
height:4px;
}
#u2468p002 {
border-width:0px;
position:absolute;
left:21px;
top:-17px;
width:36px;
height:34px;
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
transform:rotate(180deg);
}
#u2468p002_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:36px;
height:34px;
}
#u2468 {
border-width:0px;
position:absolute;
left:161px;
top:331px;
width:45px;
height:1px;
display:flex;
}
#u2468 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2468_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u2469_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:180px;
background:inherit;
background-color:rgba(255, 255, 255, 1);
box-sizing:border-box;
border-width:1px;
border-style:solid;
border-color:rgba(121, 121, 121, 1);
border-left:0px;
border-top:0px;
border-right:0px;
border-bottom:0px;
border-radius:10px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u2469 {
border-width:0px;
position:absolute;
left:0px;
top:360px;
width:375px;
height:180px;
display:flex;
}
#u2469 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2469_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u2470_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:25px;
height:25px;
}
#u2470 {
border-width:0px;
position:absolute;
left:25px;
top:406px;
width:25px;
height:25px;
display:flex;
}
#u2470 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2470_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u2471_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:13px;
height:13px;
}
#u2471 {
border-width:0px;
position:absolute;
left:31px;
top:412px;
width:13px;
height:13px;
display:flex;
}
#u2471 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2471_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u2472_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:48px;
height:18px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
font-size:16px;
}
#u2472 {
border-width:0px;
position:absolute;
left:74px;
top:413px;
width:48px;
height:18px;
display:flex;
font-size:16px;
}
#u2472 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u2472_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u2473_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:238px;
height:16px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u2473 {
border-width:0px;
position:absolute;
left:74px;
top:446px;
width:238px;
height:16px;
display:flex;
}
#u2473 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u2473_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u2474_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:130px;
height:16px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u2474 {
border-width:0px;
position:absolute;
left:74px;
top:477px;
width:130px;
height:16px;
display:flex;
opacity:0.7;
}
#u2474 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u2474_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u2475_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:42px;
height:16px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u2475 {
border-width:0px;
position:absolute;
left:112px;
top:513px;
width:42px;
height:16px;
display:flex;
}
#u2475 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u2475_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u2476_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:42px;
height:16px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u2476 {
border-width:0px;
position:absolute;
left:214px;
top:513px;
width:42px;
height:16px;
display:flex;
}
#u2476 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u2476_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u2477_img {
border-width:0px;
position:absolute;
left:0px;
top:-16px;
width:61px;
height:33px;
}
#u2477p000 {
border-width:0px;
position:absolute;
left:-3px;
top:-3px;
width:50px;
height:6px;
}
#u2477p000_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:50px;
height:6px;
}
#u2477p001 {
border-width:0px;
position:absolute;
left:-1px;
top:-1px;
width:4px;
height:4px;
}
#u2477p001_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:4px;
height:4px;
}
#u2477p002 {
border-width:0px;
position:absolute;
left:21px;
top:-17px;
width:36px;
height:34px;
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
transform:rotate(180deg);
}
#u2477p002_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:36px;
height:34px;
}
#u2477 {
border-width:0px;
position:absolute;
left:161px;
top:521px;
width:45px;
height:1px;
display:flex;
}
#u2477 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2477_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u2478_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:30px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
box-sizing:border-box;
border-width:1px;
border-style:solid;
border-color:rgba(121, 121, 121, 1);
border-left:0px;
border-top:0px;
border-right:0px;
border-radius:10px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
font-size:14px;
text-align:left;
}
#u2478 {
border-width:0px;
position:absolute;
left:0px;
top:170px;
width:375px;
height:30px;
display:flex;
opacity:0.8;
font-size:14px;
text-align:left;
}
#u2478 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 6px;
box-sizing:border-box;
width:100%;
}
#u2478_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u2479_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:30px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
box-sizing:border-box;
border-width:1px;
border-style:solid;
border-color:rgba(121, 121, 121, 1);
border-left:0px;
border-top:0px;
border-right:0px;
border-radius:10px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
font-size:14px;
text-align:left;
}
#u2479 {
border-width:0px;
position:absolute;
left:0px;
top:360px;
width:375px;
height:30px;
display:flex;
opacity:0.8;
font-size:14px;
text-align:left;
}
#u2479 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 6px;
box-sizing:border-box;
width:100%;
}
#u2479_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u2480_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:84px;
height:16px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u2480 {
border-width:0px;
position:absolute;
left:161px;
top:78px;
width:84px;
height:16px;
display:flex;
opacity:0.8;
}
#u2480 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u2480_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}