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

1210 lines
21 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;
}
#u1747_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-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;
}
#u1747 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:667px;
display:flex;
opacity:0.5;
}
#u1747 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1747_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1748_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-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;
}
#u1748 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u1748 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1748_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1749_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-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;
}
#u1749 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u1749 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1749_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u1750 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u1751_input {
position:absolute;
left:0px;
top:0px;
width:300px;
height:30px;
padding:3px 2px 3px 2px;
font-family:'Arial Normal', 'Arial', sans-serif;
font-weight:400;
font-style:normal;
font-size:13px;
letter-spacing:normal;
color:#000000;
vertical-align:none;
text-align:left;
text-transform:none;
background-color:transparent;
border-color:transparent;
}
#u1751_input.disabled {
position:absolute;
left:0px;
top:0px;
width:300px;
height:30px;
padding:3px 2px 3px 2px;
font-family:'Arial Normal', 'Arial', sans-serif;
font-weight:400;
font-style:normal;
font-size:13px;
letter-spacing:normal;
color:#000000;
vertical-align:none;
text-align:left;
text-transform:none;
background-color:transparent;
border-color:transparent;
}
#u1751_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:300px;
height:30px;
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;
}
#u1751 {
border-width:0px;
position:absolute;
left:38px;
top:60px;
width:300px;
height:30px;
display:flex;
}
#u1751 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1751_div.disabled {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:300px;
height:30px;
background:inherit;
background-color:rgba(240, 240, 240, 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;
}
#u1751.disabled {
}
#u1752 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u1753_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:60px;
height:30px;
background:inherit;
background-color:rgba(2, 167, 240, 1);
box-sizing:border-box;
border-width:1px;
border-style:solid;
border-color:rgba(121, 121, 121, 1);
border-radius:10px;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
text-align:left;
}
#u1753 {
border-width:0px;
position:absolute;
left:278px;
top:60px;
width:60px;
height:30px;
display:flex;
text-align:left;
}
#u1753 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1753_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u1754_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:15px;
height:15px;
}
#u1754 {
border-width:0px;
position:absolute;
left:316px;
top:67px;
width:15px;
height:15px;
display:flex;
}
#u1754 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1754_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1755 {
border-width:0px;
position:absolute;
left:0px;
top:150px;
width:375px;
height:517px;
}
#u1755_state0 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:517px;
overflow:auto;
-webkit-overflow-scrolling:touch;
-ms-overflow-x:hidden;
overflow-x:hidden;
background-image:none;
border:none;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1755_state0_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u1756_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:1092px;
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;
}
#u1756 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:1092px;
display:flex;
}
#u1756 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1756_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1758_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:350px;
height:150px;
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;
text-align:left;
}
.u1758 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:350px;
height:150px;
display:flex;
text-align:left;
}
.u1758 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1758_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1759_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:80px;
height:30px;
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;
font-size:18px;
text-align:right;
}
.u1759 {
border-width:0px;
position:absolute;
left:261px;
top:5px;
width:80px;
height:30px;
display:flex;
opacity:0.8;
font-size:18px;
text-align:right;
}
.u1759 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1759_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1760_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:251px;
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-bottom:0px;
border-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;
font-size:14px;
text-align:left;
}
.u1760 {
border-width:0px;
position:absolute;
left:10px;
top:5px;
width:251px;
height:30px;
display:flex;
font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
font-weight:700;
font-style:normal;
font-size:14px;
text-align:left;
}
.u1760 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1760_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1761_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:60px;
height:60px;
}
.u1761 {
border-width:0px;
position:absolute;
left:10px;
top:36px;
width:60px;
height:60px;
display:flex;
}
.u1761 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1761_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1762_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:263px;
height:22px;
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;
font-size:11px;
text-align:left;
}
.u1762 {
border-width:0px;
position:absolute;
left:77px;
top:95px;
width:263px;
height:22px;
display:flex;
font-size:11px;
text-align:left;
}
.u1762 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1762_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
.u1763_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:180px;
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-bottom:0px;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
text-align:left;
}
.u1763 {
border-width:0px;
position:absolute;
left:74px;
top:36px;
width:180px;
height:30px;
display:flex;
text-align:left;
}
.u1763 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1763_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
.u1764_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:80px;
height:30px;
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:right;
}
.u1764 {
border-width:0px;
position:absolute;
left:260px;
top:36px;
width:80px;
height:30px;
display:flex;
opacity:0.5;
text-align:right;
}
.u1764 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1764_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
.u1765_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:180px;
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;
font-size:12px;
color:#7F7F7F;
text-align:left;
}
.u1765 {
border-width:0px;
position:absolute;
left:74px;
top:66px;
width:180px;
height:20px;
display:flex;
font-size:12px;
color:#7F7F7F;
text-align:left;
}
.u1765 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1765_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
.u1766_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:48px;
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;
font-size:12px;
color:#7F7F7F;
text-align:right;
}
.u1766 {
border-width:0px;
position:absolute;
left:292px;
top:66px;
width:48px;
height:20px;
display:flex;
font-size:12px;
color:#7F7F7F;
text-align:right;
}
.u1766 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1766_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
.u1767_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:350px;
height:6px;
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;
}
.u1767 {
border-width:0px;
position:absolute;
left:0px;
top:150px;
width:350px;
height:6px;
display:flex;
}
.u1767 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1767_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1768_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:190px;
height:25px;
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;
font-size:11px;
text-align:left;
}
.u1768 {
border-width:0px;
position:absolute;
left:10px;
top:121px;
width:190px;
height:25px;
display:flex;
opacity:0.7;
font-size:11px;
text-align:left;
}
.u1768 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1768_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
.u1769_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:350px;
height:150px;
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:10px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
font-size:16px;
text-align:left;
}
.u1769 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:350px;
height:150px;
display:flex;
font-size:16px;
text-align:left;
}
.u1769 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1769_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1757-1 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:350px;
height:156px;
}
#u1757-2 {
border-width:0px;
position:absolute;
left:0px;
top:156px;
width:350px;
height:156px;
}
#u1757-3 {
border-width:0px;
position:absolute;
left:0px;
top:312px;
width:350px;
height:156px;
}
#u1757-4 {
border-width:0px;
position:absolute;
left:0px;
top:468px;
width:350px;
height:156px;
}
#u1757-5 {
border-width:0px;
position:absolute;
left:0px;
top:624px;
width:350px;
height:156px;
}
#u1757-6 {
border-width:0px;
position:absolute;
left:0px;
top:780px;
width:350px;
height:156px;
}
#u1757-7 {
border-width:0px;
position:absolute;
left:0px;
top:936px;
width:350px;
height:156px;
}
#u1757 {
border-width:0px;
position:absolute;
left:13px;
top:0px;
width:350px;
height:1092px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
}
#u1770_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:80px;
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-bottom:0px;
border-radius:10px;
border-top-left-radius:0px;
border-top-right-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1770 {
border-width:0px;
position:absolute;
left:10px;
top:100px;
width:80px;
height:30px;
display:flex;
}
#u1770 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1770_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u1771_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:80px;
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-bottom:0px;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1771 {
border-width:0px;
position:absolute;
left:102px;
top:100px;
width:80px;
height:30px;
display:flex;
}
#u1771 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1771_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u1772_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:80px;
height:30px;
background:inherit;
background-color:rgba(0, 191, 191, 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;
border-top-left-radius:0px;
border-top-right-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1772 {
border-width:0px;
position:absolute;
left:193px;
top:100px;
width:80px;
height:30px;
display:flex;
}
#u1772 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1772_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u1773_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:80px;
height:30px;
background:inherit;
background-color:rgba(0, 191, 191, 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:10px;
border-top-left-radius:0px;
border-top-right-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1773 {
border-width:0px;
position:absolute;
left:285px;
top:100px;
width:80px;
height:30px;
display:flex;
}
#u1773 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1773_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}