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

1163 lines
20 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;
}
#u1513_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;
}
#u1513 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:667px;
display:flex;
opacity:0.5;
}
#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;
visibility:hidden;
}
#u1514_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;
}
#u1514 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#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;
}
#u1515_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;
}
#u1515 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u1515 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1515_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u1516_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:100px;
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;
}
#u1516 {
border-width:0px;
position:absolute;
left:17px;
top:97px;
width:100px;
height:30px;
display:flex;
}
#u1516 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1516_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u1517_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:100px;
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:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1517 {
border-width:0px;
position:absolute;
left:137px;
top:97px;
width:100px;
height:30px;
display:flex;
}
#u1517 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1517_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u1518_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:100px;
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;
}
#u1518 {
border-width:0px;
position:absolute;
left:257px;
top:97px;
width:100px;
height:30px;
display:flex;
}
#u1518 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1518_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u1519 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u1520_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;
}
#u1520_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;
}
#u1520_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;
}
#u1520 {
border-width:0px;
position:absolute;
left:38px;
top:60px;
width:300px;
height:30px;
display:flex;
}
#u1520 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1520_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;
}
#u1520.disabled {
}
#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: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;
}
#u1522 {
border-width:0px;
position:absolute;
left:278px;
top:60px;
width:60px;
height:30px;
display:flex;
text-align:left;
}
#u1522 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1522_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u1523_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:15px;
height:15px;
}
#u1523 {
border-width:0px;
position:absolute;
left:316px;
top:67px;
width:15px;
height:15px;
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:150px;
width:375px;
height:517px;
}
#u1524_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;
}
#u1524_state0_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u1525_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;
}
#u1525 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:1092px;
display:flex;
}
#u1525 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1525_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1527_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;
}
.u1527 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:350px;
height:150px;
display:flex;
text-align:left;
}
.u1527 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1527_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1528_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;
}
.u1528 {
border-width:0px;
position:absolute;
left:261px;
top:5px;
width:80px;
height:30px;
display:flex;
opacity:0.8;
font-size:18px;
text-align:right;
}
.u1528 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1528_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1529_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;
}
.u1529 {
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;
}
.u1529 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1529_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1530_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:60px;
height:60px;
}
.u1530 {
border-width:0px;
position:absolute;
left:10px;
top:36px;
width:60px;
height:60px;
display:flex;
}
.u1530 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1530_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1531_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;
}
.u1531 {
border-width:0px;
position:absolute;
left:77px;
top:95px;
width:263px;
height:22px;
display:flex;
font-size:11px;
text-align:left;
}
.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;
}
.u1532_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;
}
.u1532 {
border-width:0px;
position:absolute;
left:74px;
top:36px;
width:180px;
height:30px;
display:flex;
text-align:left;
}
.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;
}
.u1533_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;
}
.u1533 {
border-width:0px;
position:absolute;
left:260px;
top:36px;
width:80px;
height:30px;
display:flex;
opacity:0.5;
text-align:right;
}
.u1533 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1533_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
.u1534_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;
}
.u1534 {
border-width:0px;
position:absolute;
left:74px;
top:66px;
width:180px;
height:20px;
display:flex;
font-size:12px;
color:#7F7F7F;
text-align:left;
}
.u1534 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1534_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
.u1535_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;
}
.u1535 {
border-width:0px;
position:absolute;
left:292px;
top:66px;
width:48px;
height:20px;
display:flex;
font-size:12px;
color:#7F7F7F;
text-align:right;
}
.u1535 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1535_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
.u1536_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;
}
.u1536 {
border-width:0px;
position:absolute;
left:0px;
top:150px;
width:350px;
height:6px;
display:flex;
}
.u1536 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1536_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1537_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;
}
.u1537 {
border-width:0px;
position:absolute;
left:10px;
top:121px;
width:190px;
height:25px;
display:flex;
opacity:0.7;
font-size:11px;
text-align:left;
}
.u1537 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1537_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
.u1538_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;
}
.u1538 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:350px;
height:150px;
display:flex;
font-size:16px;
text-align:left;
}
.u1538 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1538_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1526-1 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:350px;
height:156px;
}
#u1526-2 {
border-width:0px;
position:absolute;
left:0px;
top:156px;
width:350px;
height:156px;
}
#u1526-3 {
border-width:0px;
position:absolute;
left:0px;
top:312px;
width:350px;
height:156px;
}
#u1526-4 {
border-width:0px;
position:absolute;
left:0px;
top:468px;
width:350px;
height:156px;
}
#u1526-5 {
border-width:0px;
position:absolute;
left:0px;
top:624px;
width:350px;
height:156px;
}
#u1526-6 {
border-width:0px;
position:absolute;
left:0px;
top:780px;
width:350px;
height:156px;
}
#u1526-7 {
border-width:0px;
position:absolute;
left:0px;
top:936px;
width:350px;
height:156px;
}
#u1526 {
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;
}