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

1159 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;
}
#u1457_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;
}
#u1457 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:667px;
display:flex;
opacity:0.5;
}
#u1457 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1457_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1458_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;
}
#u1458 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u1458 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1458_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1459_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;
}
#u1459 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u1459 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1459_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u1460_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;
}
#u1460 {
border-width:0px;
position:absolute;
left:17px;
top:97px;
width:100px;
height:30px;
display:flex;
}
#u1460 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1460_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u1461_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;
}
#u1461 {
border-width:0px;
position:absolute;
left:137px;
top:97px;
width:100px;
height:30px;
display:flex;
}
#u1461 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1461_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u1462_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;
}
#u1462 {
border-width:0px;
position:absolute;
left:257px;
top:97px;
width:100px;
height:30px;
display:flex;
}
#u1462 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1462_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u1463 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u1464_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;
}
#u1464_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;
}
#u1464_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;
}
#u1464 {
border-width:0px;
position:absolute;
left:38px;
top:60px;
width:300px;
height:30px;
display:flex;
}
#u1464 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1464_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;
}
#u1464.disabled {
}
#u1465 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u1466_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;
}
#u1466 {
border-width:0px;
position:absolute;
left:278px;
top:60px;
width:60px;
height:30px;
display:flex;
text-align:left;
}
#u1466 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1466_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u1467_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:15px;
height:15px;
}
#u1467 {
border-width:0px;
position:absolute;
left:316px;
top:67px;
width:15px;
height:15px;
display:flex;
}
#u1467 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1467_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1468 {
border-width:0px;
position:absolute;
left:0px;
top:150px;
width:375px;
height:517px;
}
#u1468_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;
}
#u1468_state0_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u1469_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;
}
#u1469 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:1092px;
display:flex;
}
#u1469 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1469_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1471_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;
}
.u1471 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:350px;
height:150px;
display:flex;
text-align:left;
}
.u1471 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1471_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1472_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;
}
.u1472 {
border-width:0px;
position:absolute;
left:261px;
top:5px;
width:80px;
height:30px;
display:flex;
opacity:0.8;
font-size:18px;
text-align:right;
}
.u1472 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1472_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1473_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;
}
.u1473 {
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;
}
.u1473 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1473_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1474_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:60px;
height:60px;
}
.u1474 {
border-width:0px;
position:absolute;
left:10px;
top:36px;
width:60px;
height:60px;
display:flex;
}
.u1474 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1474_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1475_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;
}
.u1475 {
border-width:0px;
position:absolute;
left:77px;
top:95px;
width:263px;
height:22px;
display:flex;
font-size:11px;
text-align:left;
}
.u1475 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1475_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
.u1476_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;
}
.u1476 {
border-width:0px;
position:absolute;
left:74px;
top:36px;
width:180px;
height:30px;
display:flex;
text-align:left;
}
.u1476 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1476_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
.u1477_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;
}
.u1477 {
border-width:0px;
position:absolute;
left:260px;
top:36px;
width:80px;
height:30px;
display:flex;
opacity:0.5;
text-align:right;
}
.u1477 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1477_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
.u1478_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;
}
.u1478 {
border-width:0px;
position:absolute;
left:74px;
top:66px;
width:180px;
height:20px;
display:flex;
font-size:12px;
color:#7F7F7F;
text-align:left;
}
.u1478 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1478_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
.u1479_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;
}
.u1479 {
border-width:0px;
position:absolute;
left:292px;
top:66px;
width:48px;
height:20px;
display:flex;
font-size:12px;
color:#7F7F7F;
text-align:right;
}
.u1479 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1479_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
.u1480_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;
}
.u1480 {
border-width:0px;
position:absolute;
left:0px;
top:150px;
width:350px;
height:6px;
display:flex;
}
.u1480 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1480_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1481_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;
}
.u1481 {
border-width:0px;
position:absolute;
left:10px;
top:121px;
width:190px;
height:25px;
display:flex;
opacity:0.7;
font-size:11px;
text-align:left;
}
.u1481 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1481_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
.u1482_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;
}
.u1482 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:350px;
height:150px;
display:flex;
font-size:16px;
text-align:left;
}
.u1482 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1482_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1470-1 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:350px;
height:156px;
}
#u1470-2 {
border-width:0px;
position:absolute;
left:0px;
top:156px;
width:350px;
height:156px;
}
#u1470-3 {
border-width:0px;
position:absolute;
left:0px;
top:312px;
width:350px;
height:156px;
}
#u1470-4 {
border-width:0px;
position:absolute;
left:0px;
top:468px;
width:350px;
height:156px;
}
#u1470-5 {
border-width:0px;
position:absolute;
left:0px;
top:624px;
width:350px;
height:156px;
}
#u1470-6 {
border-width:0px;
position:absolute;
left:0px;
top:780px;
width:350px;
height:156px;
}
#u1470-7 {
border-width:0px;
position:absolute;
left:0px;
top:936px;
width:350px;
height:156px;
}
#u1470 {
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;
}