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

1019 lines
18 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;
}
#u318_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;
}
#u318 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:667px;
display:flex;
opacity:0.5;
}
#u318 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u318_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u319_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;
}
#u319 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u319 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u319_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u320_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;
}
#u320 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u320 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u320_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u321_input {
position:absolute;
left:0px;
top:0px;
width:340px;
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;
}
#u321_input.disabled {
position:absolute;
left:0px;
top:0px;
width:340px;
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;
}
#u321_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:340px;
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;
}
#u321 {
border-width:0px;
position:absolute;
left:17px;
top:60px;
width:340px;
height:30px;
display:flex;
}
#u321 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u321_div.disabled {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:340px;
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;
}
#u321.disabled {
}
.u323 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
.u324_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:374px;
height:76px;
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;
font-size:18px;
}
.u324 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:374px;
height:76px;
display:flex;
font-size:18px;
}
.u324 .text {
position:absolute;
align-self:center;
padding:8px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u324_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u325_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:245px;
height:45px;
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:16px;
text-align:left;
}
.u325 {
border-width:0px;
position:absolute;
left:61px;
top:5px;
width:245px;
height:45px;
display:flex;
font-size:16px;
text-align:left;
}
.u325 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u325_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u326_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:27px;
height:40px;
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:16px;
}
.u326 {
border-width:0px;
position:absolute;
left:330px;
top:13px;
width:27px;
height:40px;
display:flex;
font-size:16px;
}
.u326 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u326_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u327_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:9px;
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;
}
.u327 {
border-width:0px;
position:absolute;
left:353px;
top:26px;
width:9px;
height:16px;
display:flex;
opacity:0.5;
}
.u327 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
.u327_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
.u328_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:40px;
height:40px;
}
.u328 {
border-width:0px;
position:absolute;
left:11px;
top:16px;
width:40px;
height:40px;
display:flex;
}
.u328 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u328_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u329_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:45px;
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:16px;
text-align:left;
}
.u329 {
border-width:0px;
position:absolute;
left:113px;
top:48px;
width:45px;
height:22px;
display:flex;
font-size:16px;
text-align:left;
}
.u329 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u329_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u330_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:52px;
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:16px;
}
.u330 {
border-width:0px;
position:absolute;
left:61px;
top:48px;
width:52px;
height:22px;
display:flex;
font-size:16px;
}
.u330 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u330_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
.u331_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:80px;
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:16px;
text-align:left;
}
.u331 {
border-width:0px;
position:absolute;
left:226px;
top:48px;
width:80px;
height:22px;
display:flex;
font-size:16px;
text-align:left;
}
.u331 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u331_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u332_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:52px;
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:16px;
}
.u332 {
border-width:0px;
position:absolute;
left:174px;
top:48px;
width:52px;
height:22px;
display:flex;
font-size:16px;
}
.u332 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u332_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u322-1 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:374px;
height:76px;
}
#u322-2 {
border-width:0px;
position:absolute;
left:0px;
top:76px;
width:374px;
height:76px;
}
#u322-3 {
border-width:0px;
position:absolute;
left:0px;
top:152px;
width:374px;
height:76px;
}
#u322-4 {
border-width:0px;
position:absolute;
left:0px;
top:228px;
width:374px;
height:76px;
}
#u322 {
border-width:0px;
position:absolute;
left:0px;
top:105px;
width:374px;
height:304px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
}
#u333_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;
}
#u333 {
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;
}
#u333 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u333_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;
}
#u333.mouseDown {
}
#u333_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u334 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u335_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:617px;
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;
}
#u335 {
border-width:0px;
position:absolute;
left:0px;
top:50px;
width:375px;
height:617px;
display:flex;
opacity:0.96;
}
#u335 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u335_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u336 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u337_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;
}
#u337_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;
}
#u337_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;
}
#u337 {
border-width:0px;
position:absolute;
left:17px;
top:60px;
width:300px;
height:30px;
display:flex;
}
#u337 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u337_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;
}
#u337.disabled {
}
#u338 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u339_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;
}
#u339 {
border-width:0px;
position:absolute;
left:257px;
top:60px;
width:60px;
height:30px;
display:flex;
text-align:left;
}
#u339 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u339_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u340_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:15px;
height:15px;
}
#u340 {
border-width:0px;
position:absolute;
left:295px;
top:67px;
width:15px;
height:15px;
display:flex;
}
#u340 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u340_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u341_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;
}
#u341 {
border-width:0px;
position:absolute;
left:325px;
top:66px;
width:32px;
height:18px;
display:flex;
font-size:16px;
}
#u341 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u341_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}