产品原型
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;
}
#u421_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;
}
#u421 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:667px;
display:flex;
opacity:0.5;
}
#u421 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u421_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u422_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;
}
#u422 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u422 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u422_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u423_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;
}
#u423 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u423 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u423_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u424_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;
}
#u424_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;
}
#u424_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;
}
#u424 {
border-width:0px;
position:absolute;
left:17px;
top:60px;
width:340px;
height:30px;
display:flex;
}
#u424 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u424_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;
}
#u424.disabled {
}
.u426 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
.u427_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;
}
.u427 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:374px;
height:76px;
display:flex;
font-size:18px;
}
.u427 .text {
position:absolute;
align-self:center;
padding:8px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u427_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u428_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;
}
.u428 {
border-width:0px;
position:absolute;
left:61px;
top:5px;
width:245px;
height:45px;
display:flex;
font-size:16px;
text-align:left;
}
.u428 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u428_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u429_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;
}
.u429 {
border-width:0px;
position:absolute;
left:330px;
top:13px;
width:27px;
height:40px;
display:flex;
font-size:16px;
}
.u429 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u429_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u430_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;
}
.u430 {
border-width:0px;
position:absolute;
left:353px;
top:26px;
width:9px;
height:16px;
display:flex;
opacity:0.5;
}
.u430 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
.u430_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
.u431_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:40px;
height:40px;
}
.u431 {
border-width:0px;
position:absolute;
left:11px;
top:16px;
width:40px;
height:40px;
display:flex;
}
.u431 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u431_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u432_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;
}
.u432 {
border-width:0px;
position:absolute;
left:113px;
top:48px;
width:45px;
height:22px;
display:flex;
font-size:16px;
text-align:left;
}
.u432 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u432_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u433_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;
}
.u433 {
border-width:0px;
position:absolute;
left:61px;
top:48px;
width:52px;
height:22px;
display:flex;
font-size:16px;
}
.u433 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u433_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
.u434_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;
}
.u434 {
border-width:0px;
position:absolute;
left:226px;
top:48px;
width:80px;
height:22px;
display:flex;
font-size:16px;
text-align:left;
}
.u434 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u434_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u435_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;
}
.u435 {
border-width:0px;
position:absolute;
left:174px;
top:48px;
width:52px;
height:22px;
display:flex;
font-size:16px;
}
.u435 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u435_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u425-1 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:374px;
height:76px;
}
#u425-2 {
border-width:0px;
position:absolute;
left:0px;
top:76px;
width:374px;
height:76px;
}
#u425-3 {
border-width:0px;
position:absolute;
left:0px;
top:152px;
width:374px;
height:76px;
}
#u425-4 {
border-width:0px;
position:absolute;
left:0px;
top:228px;
width:374px;
height:76px;
}
#u425 {
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;
}
#u436_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;
}
#u436 {
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;
}
#u436 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u436_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;
}
#u436.mouseDown {
}
#u436_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u437 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u438_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;
}
#u438 {
border-width:0px;
position:absolute;
left:0px;
top:50px;
width:375px;
height:617px;
display:flex;
opacity:0.96;
}
#u438 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u438_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u439 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u440_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;
}
#u440_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;
}
#u440_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;
}
#u440 {
border-width:0px;
position:absolute;
left:17px;
top:60px;
width:300px;
height:30px;
display:flex;
}
#u440 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u440_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;
}
#u440.disabled {
}
#u441 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u442_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;
}
#u442 {
border-width:0px;
position:absolute;
left:257px;
top:60px;
width:60px;
height:30px;
display:flex;
text-align:left;
}
#u442 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u442_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u443_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:15px;
height:15px;
}
#u443 {
border-width:0px;
position:absolute;
left:295px;
top:67px;
width:15px;
height:15px;
display:flex;
}
#u443 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u443_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u444_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;
}
#u444 {
border-width:0px;
position:absolute;
left:325px;
top:66px;
width:32px;
height:18px;
display:flex;
font-size:16px;
}
#u444 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u444_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}