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

870 lines
15 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;
}
#u1720_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;
}
#u1720 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:667px;
display:flex;
opacity:0.5;
}
#u1720 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1720_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1721_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;
}
#u1721 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u1721 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1721_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1722_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;
}
#u1722 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u1722 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1722_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
.u1724_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:368px;
height:45px;
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;
text-align:left;
}
.u1724 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:368px;
height:45px;
display:flex;
text-align:left;
}
.u1724 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1724_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1725_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:216px;
height:32px;
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:5px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
text-align:left;
}
.u1725 {
border-width:0px;
position:absolute;
left:83px;
top:7px;
width:216px;
height:32px;
display:flex;
text-align:left;
}
.u1725 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 6px;
box-sizing:border-box;
width:100%;
}
.u1725_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1726 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
.u1727_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:46px;
height:38px;
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;
}
.u1727 {
border-width:0px;
position:absolute;
left:34px;
top:4px;
width:46px;
height:38px;
display:flex;
}
.u1727 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1727_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1728_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:46px;
height:38px;
}
.u1728 {
border-width:0px;
position:absolute;
left:34px;
top:4px;
width:46px;
height:38px;
display:flex;
}
.u1728 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1728_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1729_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:26px;
height:32px;
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:5px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
text-align:left;
}
.u1729 {
border-width:0px;
position:absolute;
left:6px;
top:7px;
width:26px;
height:32px;
display:flex;
text-align:left;
}
.u1729 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 6px;
box-sizing:border-box;
width:100%;
}
.u1729_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1730_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:37px;
height:32px;
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:5px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
text-align:right;
}
.u1730 {
border-width:0px;
position:absolute;
left:308px;
top:7px;
width:37px;
height:32px;
display:flex;
text-align:right;
}
.u1730 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 6px;
box-sizing:border-box;
width:100%;
}
.u1730_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1731_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:14px;
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;
}
.u1731 {
border-width:0px;
position:absolute;
left:346px;
top:15px;
width:14px;
height:16px;
display:flex;
}
.u1731 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
.u1731_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u1723-1 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:368px;
height:45px;
}
#u1723-2 {
border-width:0px;
position:absolute;
left:0px;
top:45px;
width:368px;
height:45px;
}
#u1723-3 {
border-width:0px;
position:absolute;
left:0px;
top:90px;
width:368px;
height:45px;
}
#u1723-4 {
border-width:0px;
position:absolute;
left:0px;
top:135px;
width:368px;
height:45px;
}
#u1723-5 {
border-width:0px;
position:absolute;
left:0px;
top:180px;
width:368px;
height:45px;
}
#u1723-6 {
border-width:0px;
position:absolute;
left:0px;
top:225px;
width:368px;
height:45px;
}
#u1723-7 {
border-width:0px;
position:absolute;
left:0px;
top:270px;
width:368px;
height:45px;
}
#u1723-8 {
border-width:0px;
position:absolute;
left:0px;
top:315px;
width:368px;
height:45px;
}
#u1723-9 {
border-width:0px;
position:absolute;
left:0px;
top:360px;
width:368px;
height:45px;
}
#u1723-10 {
border-width:0px;
position:absolute;
left:0px;
top:405px;
width:368px;
height:45px;
}
#u1723-11 {
border-width:0px;
position:absolute;
left:0px;
top:450px;
width:368px;
height:45px;
}
#u1723 {
border-width:0px;
position:absolute;
left:3px;
top:525px;
width:368px;
height:495px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
}
#u1732_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;
}
#u1732 {
border-width:0px;
position:absolute;
left:0px;
top:620px;
width:70px;
height:25px;
display:flex;
font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
font-weight:700;
font-style:normal;
}
#u1732 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1732_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;
}
#u1732.mouseDown {
}
#u1732_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u1733_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:360px;
height:404px;
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;
}
#u1733 {
border-width:0px;
position:absolute;
left:7px;
top:55px;
width:360px;
height:404px;
display:flex;
}
#u1733 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1733_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1734_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:360px;
height:404px;
}
#u1734 {
border-width:0px;
position:absolute;
left:7px;
top:55px;
width:360px;
height:404px;
display:flex;
}
#u1734 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1734_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1735_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:64px;
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;
}
#u1735 {
border-width:0px;
position:absolute;
left:293px;
top:66px;
width:64px;
height:18px;
display:flex;
opacity:0.6;
font-size:16px;
}
#u1735 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u1735_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u1736_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:284px;
height:39px;
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;
}
#u1736 {
border-width:0px;
position:absolute;
left:43px;
top:470px;
width:284px;
height:39px;
display:flex;
}
#u1736 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1736_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u1737_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:36px;
height:36px;
}
#u1737 {
border-width:0px;
position:absolute;
left:67px;
top:471px;
width:36px;
height:36px;
display:flex;
}
#u1737 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1737_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1738_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:22px;
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;
}
#u1738 {
border-width:0px;
position:absolute;
left:300px;
top:481px;
width:22px;
height:16px;
display:flex;
}
#u1738 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u1738_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u1739_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:8px;
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;
}
#u1739 {
border-width:0px;
position:absolute;
left:53px;
top:480px;
width:8px;
height:16px;
display:flex;
}
#u1739 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u1739_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}