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

1096 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;
}
#u1507_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;
}
#u1507 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:667px;
display:flex;
opacity:0.5;
}
#u1507 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1507_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1508_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;
}
#u1508 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u1508 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1508_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1509_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;
}
#u1509 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u1509 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1509_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
.u1511_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:350px;
height:85px;
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;
text-align:left;
}
.u1511 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:350px;
height:85px;
display:flex;
text-align:left;
}
.u1511 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1511_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1512_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:95px;
height:24px;
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;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
text-align:left;
}
.u1512 {
border-width:0px;
position:absolute;
left:241px;
top:53px;
width:95px;
height:24px;
display:flex;
text-align:left;
}
.u1512 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1512_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1513_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:59px;
height:21px;
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;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
text-align:left;
}
.u1513 {
border-width:0px;
position:absolute;
left:285px;
top:40px;
width:59px;
height:21px;
display:flex;
text-align:left;
}
.u1513 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1513_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
.u1514_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:95px;
height:24px;
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;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
text-align:left;
}
.u1514 {
border-width:0px;
position:absolute;
left:241px;
top:9px;
width:95px;
height:24px;
display:flex;
text-align:left;
}
.u1514 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1514_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1510-1 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:350px;
height:85px;
}
#u1510-2 {
border-width:0px;
position:absolute;
left:0px;
top:85px;
width:350px;
height:85px;
}
#u1510-3 {
border-width:0px;
position:absolute;
left:0px;
top:170px;
width:350px;
height:85px;
}
#u1510-4 {
border-width:0px;
position:absolute;
left:0px;
top:255px;
width:350px;
height:85px;
}
#u1510-5 {
border-width:0px;
position:absolute;
left:0px;
top:340px;
width:350px;
height:85px;
}
#u1510-6 {
border-width:0px;
position:absolute;
left:0px;
top:425px;
width:350px;
height:85px;
}
#u1510-7 {
border-width:0px;
position:absolute;
left:0px;
top:510px;
width:350px;
height:85px;
}
#u1510 {
border-width:0px;
position:absolute;
left:13px;
top:160px;
width:350px;
height:595px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
}
#u1515 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u1516_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:78px;
height:26px;
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:10px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1516 {
border-width:0px;
position:absolute;
left:31px;
top:510px;
width:78px;
height:26px;
display:flex;
}
#u1516 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1516_div.mouseDown {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:78px;
height:26px;
background:inherit;
background-color:rgba(129, 211, 248, 1);
box-sizing:border-box;
border-width:1px;
border-style:solid;
border-color:rgba(121, 121, 121, 1);
border-radius:10px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1516.mouseDown {
}
#u1516_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u1517_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:78px;
height:26px;
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:10px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1517 {
border-width:0px;
position:absolute;
left:109px;
top:510px;
width:78px;
height:26px;
display:flex;
}
#u1517 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1517_div.mouseDown {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:78px;
height:26px;
background:inherit;
background-color:rgba(129, 211, 248, 1);
box-sizing:border-box;
border-width:1px;
border-style:solid;
border-color:rgba(121, 121, 121, 1);
border-radius:10px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1517.mouseDown {
}
#u1517_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u1518_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:78px;
height:26px;
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:10px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1518 {
border-width:0px;
position:absolute;
left:187px;
top:510px;
width:78px;
height:26px;
display:flex;
}
#u1518 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1518_div.mouseDown {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:78px;
height:26px;
background:inherit;
background-color:rgba(129, 211, 248, 1);
box-sizing:border-box;
border-width:1px;
border-style:solid;
border-color:rgba(121, 121, 121, 1);
border-radius:10px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1518.mouseDown {
}
#u1518_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u1519_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:78px;
height:26px;
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:10px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1519 {
border-width:0px;
position:absolute;
left:265px;
top:510px;
width:78px;
height:26px;
display:flex;
}
#u1519 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1519_div.mouseDown {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:78px;
height:26px;
background:inherit;
background-color:rgba(129, 211, 248, 1);
box-sizing:border-box;
border-width:1px;
border-style:solid;
border-color:rgba(121, 121, 121, 1);
border-radius:10px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1519.mouseDown {
}
#u1519_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u1520_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:70px;
height:25px;
background:inherit;
background-color:rgba(129, 211, 248, 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:20px;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
font-weight:700;
font-style:normal;
}
#u1520 {
border-width:0px;
position:absolute;
left:0px;
top:579px;
width:70px;
height:25px;
display:flex;
font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
font-weight:700;
font-style:normal;
}
#u1520 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1520_div.mouseDown {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:70px;
height:25px;
background:inherit;
background-color:rgba(2, 125, 180, 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:20px;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
font-weight:700;
font-style:normal;
}
#u1520.mouseDown {
}
#u1520_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u1521 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u1522_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:32px;
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;
}
#u1522 {
border-width:0px;
position:absolute;
left:337px;
top:108px;
width:32px;
height:18px;
display:flex;
font-size:16px;
}
#u1522 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u1522_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u1523_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:12px;
height:12px;
}
#u1523 {
border-width:0px;
position:absolute;
left:323px;
top:111px;
width:12px;
height:12px;
display:flex;
}
#u1523 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1523_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1524 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u1525_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;
}
#u1525 {
border-width:0px;
position:absolute;
left:13px;
top:132px;
width:84px;
height:16px;
display:flex;
opacity:0.5;
}
#u1525 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u1525_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u1526_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:90px;
height:20px;
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-bottom:0px;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
text-align:left;
}
#u1526 {
border-width:0px;
position:absolute;
left:97px;
top:130px;
width:90px;
height:20px;
display:flex;
opacity:0.5;
text-align:left;
}
#u1526 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1526_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u1527_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:52px;
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;
}
#u1527 {
border-width:0px;
position:absolute;
left:13px;
top:108px;
width:52px;
height:16px;
display:flex;
}
#u1527 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u1527_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u1528_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:109px;
height:29px;
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-bottom:0px;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1528 {
border-width:0px;
position:absolute;
left:66px;
top:52px;
width:109px;
height:29px;
display:flex;
}
#u1528 .text {
position:absolute;
align-self:flex-end;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1528_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u1529_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:109px;
height:29px;
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:0px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1529 {
border-width:0px;
position:absolute;
left:195px;
top:52px;
width:109px;
height:29px;
display:flex;
}
#u1529 .text {
position:absolute;
align-self:flex-end;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1529_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u1530 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u1531_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:617px;
background:inherit;
background-color:rgba(242, 242, 242, 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;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1531 {
border-width:0px;
position:absolute;
left:0px;
top:50px;
width:375px;
height:617px;
display:flex;
opacity:0.8;
}
#u1531 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1531_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1532_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:245px;
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;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1532 {
border-width:0px;
position:absolute;
left:0px;
top:422px;
width:375px;
height:245px;
display:flex;
opacity:0.9;
}
#u1532 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1532_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}