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

870 lines
15 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;
}
#u2342_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;
}
#u2342 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:667px;
display:flex;
opacity:0.5;
}
#u2342 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2342_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u2343_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;
}
#u2343 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u2343 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2343_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u2344_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;
}
#u2344 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u2344 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2344_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
.u2346_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:368px;
height:45px;
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;
text-align:left;
}
.u2346 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:368px;
height:45px;
display:flex;
text-align:left;
}
.u2346 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u2346_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u2347_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:216px;
height:32px;
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:5px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
text-align:left;
}
.u2347 {
border-width:0px;
position:absolute;
left:83px;
top:7px;
width:216px;
height:32px;
display:flex;
text-align:left;
}
.u2347 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 6px;
box-sizing:border-box;
width:100%;
}
.u2347_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u2348 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
.u2349_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:46px;
height:38px;
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;
}
.u2349 {
border-width:0px;
position:absolute;
left:34px;
top:4px;
width:46px;
height:38px;
display:flex;
}
.u2349 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u2349_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u2350_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:46px;
height:38px;
}
.u2350 {
border-width:0px;
position:absolute;
left:34px;
top:4px;
width:46px;
height:38px;
display:flex;
}
.u2350 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u2350_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u2351_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:26px;
height:32px;
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:5px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
text-align:left;
}
.u2351 {
border-width:0px;
position:absolute;
left:6px;
top:7px;
width:26px;
height:32px;
display:flex;
text-align:left;
}
.u2351 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 6px;
box-sizing:border-box;
width:100%;
}
.u2351_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u2352_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:37px;
height:32px;
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:5px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
text-align:right;
}
.u2352 {
border-width:0px;
position:absolute;
left:308px;
top:7px;
width:37px;
height:32px;
display:flex;
text-align:right;
}
.u2352 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 6px;
box-sizing:border-box;
width:100%;
}
.u2352_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u2353_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:14px;
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;
}
.u2353 {
border-width:0px;
position:absolute;
left:346px;
top:15px;
width:14px;
height:16px;
display:flex;
}
.u2353 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
.u2353_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u2345-1 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:368px;
height:45px;
}
#u2345-2 {
border-width:0px;
position:absolute;
left:0px;
top:45px;
width:368px;
height:45px;
}
#u2345-3 {
border-width:0px;
position:absolute;
left:0px;
top:90px;
width:368px;
height:45px;
}
#u2345-4 {
border-width:0px;
position:absolute;
left:0px;
top:135px;
width:368px;
height:45px;
}
#u2345-5 {
border-width:0px;
position:absolute;
left:0px;
top:180px;
width:368px;
height:45px;
}
#u2345-6 {
border-width:0px;
position:absolute;
left:0px;
top:225px;
width:368px;
height:45px;
}
#u2345-7 {
border-width:0px;
position:absolute;
left:0px;
top:270px;
width:368px;
height:45px;
}
#u2345-8 {
border-width:0px;
position:absolute;
left:0px;
top:315px;
width:368px;
height:45px;
}
#u2345-9 {
border-width:0px;
position:absolute;
left:0px;
top:360px;
width:368px;
height:45px;
}
#u2345-10 {
border-width:0px;
position:absolute;
left:0px;
top:405px;
width:368px;
height:45px;
}
#u2345-11 {
border-width:0px;
position:absolute;
left:0px;
top:450px;
width:368px;
height:45px;
}
#u2345 {
border-width:0px;
position:absolute;
left:3px;
top:525px;
width:368px;
height:495px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
}
#u2354_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;
}
#u2354 {
border-width:0px;
position:absolute;
left:0px;
top:620px;
width:70px;
height:25px;
display:flex;
font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
font-weight:700;
font-style:normal;
}
#u2354 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2354_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;
}
#u2354.mouseDown {
}
#u2354_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u2355_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:360px;
height:404px;
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;
}
#u2355 {
border-width:0px;
position:absolute;
left:7px;
top:55px;
width:360px;
height:404px;
display:flex;
}
#u2355 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2355_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u2356_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:360px;
height:404px;
}
#u2356 {
border-width:0px;
position:absolute;
left:7px;
top:55px;
width:360px;
height:404px;
display:flex;
}
#u2356 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2356_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u2357_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:64px;
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;
}
#u2357 {
border-width:0px;
position:absolute;
left:293px;
top:66px;
width:64px;
height:18px;
display:flex;
opacity:0.6;
font-size:16px;
}
#u2357 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u2357_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u2358_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:284px;
height:39px;
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;
}
#u2358 {
border-width:0px;
position:absolute;
left:43px;
top:470px;
width:284px;
height:39px;
display:flex;
}
#u2358 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2358_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u2359_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:36px;
height:36px;
}
#u2359 {
border-width:0px;
position:absolute;
left:67px;
top:471px;
width:36px;
height:36px;
display:flex;
}
#u2359 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2359_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u2360_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:22px;
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;
}
#u2360 {
border-width:0px;
position:absolute;
left:300px;
top:481px;
width:22px;
height:16px;
display:flex;
}
#u2360 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u2360_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u2361_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:8px;
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;
}
#u2361 {
border-width:0px;
position:absolute;
left:53px;
top:480px;
width:8px;
height:16px;
display:flex;
}
#u2361 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u2361_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}