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

1196 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;
}
#u563_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;
}
#u563 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:667px;
display:flex;
opacity:0.5;
}
#u563 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u563_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u564_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;
}
#u564 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u564 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u564_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u565_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;
}
#u565 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u565 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u565_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u566_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:40px;
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:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
font-size:18px;
}
#u566 {
border-width:0px;
position:absolute;
left:0px;
top:627px;
width:375px;
height:40px;
display:flex;
font-size:18px;
}
#u566 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u566_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
.u568_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:80px;
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;
}
.u568 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:80px;
display:flex;
}
.u568 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u568_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u569_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;
font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
font-weight:700;
font-style:normal;
}
.u569 {
border-width:0px;
position:absolute;
left:23px;
top:11px;
width:8px;
height:16px;
display:flex;
font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
font-weight:700;
font-style:normal;
}
.u569 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
.u569_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
.u570_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:72px;
height:26px;
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;
}
.u570 {
border-width:0px;
position:absolute;
left:47px;
top:11px;
width:72px;
height:26px;
display:flex;
}
.u570 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u570_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u571_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:137px;
height:26px;
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;
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
text-align:left;
}
.u571 {
border-width:0px;
position:absolute;
left:119px;
top:11px;
width:137px;
height:26px;
display:flex;
text-align:left;
}
.u571 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u571_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u572_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:281px;
height:36px;
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:left;
}
.u572 {
border-width:0px;
position:absolute;
left:47px;
top:37px;
width:281px;
height:36px;
display:flex;
text-align:left;
}
.u572 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u572_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u573_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:20px;
height:20px;
}
.u573 {
border-width:0px;
position:absolute;
left:340px;
top:30px;
width:20px;
height:20px;
display:flex;
}
.u573 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u573_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u567-1 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:80px;
}
#u567-2 {
border-width:0px;
position:absolute;
left:0px;
top:80px;
width:375px;
height:80px;
}
#u567-3 {
border-width:0px;
position:absolute;
left:0px;
top:160px;
width:375px;
height:80px;
}
#u567 {
border-width:0px;
position:absolute;
left:0px;
top:50px;
width:375px;
height:240px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
}
#u574 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u575_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:617px;
background:inherit;
background-color:rgba(127, 127, 127, 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;
}
#u575 {
border-width:0px;
position:absolute;
left:0px;
top:50px;
width:375px;
height:617px;
display:flex;
}
#u575 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u575_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u576_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:187px;
height:40px;
background:inherit;
background-color:rgba(170, 170, 170, 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;
}
#u576 {
border-width:0px;
position:absolute;
left:0px;
top:627px;
width:187px;
height:40px;
display:flex;
}
#u576 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u576_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u577_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:188px;
height:40px;
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:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u577 {
border-width:0px;
position:absolute;
left:187px;
top:627px;
width:188px;
height:40px;
display:flex;
}
#u577 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u577_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u578_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:160px;
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;
color:#FFFFFF;
}
#u578 {
border-width:0px;
position:absolute;
left:108px;
top:248px;
width:160px;
height:18px;
display:flex;
font-size:16px;
color:#FFFFFF;
}
#u578 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u578_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u579_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:268px;
height:44px;
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;
color:#FFFFFF;
}
#u579 {
border-width:0px;
position:absolute;
left:53px;
top:277px;
width:268px;
height:44px;
display:flex;
font-size:16px;
color:#FFFFFF;
}
#u579 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u579_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u580 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u581_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-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;
}
#u581 {
border-width:0px;
position:absolute;
left:0px;
top:50px;
width:375px;
height:617px;
display:flex;
}
#u581 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u581_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u582_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:202px;
height:31px;
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;
}
#u582 {
border-width:0px;
position:absolute;
left:12px;
top:76px;
width:202px;
height:31px;
display:flex;
}
#u582 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u582_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
.u584_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:350px;
height:60px;
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-radius:0px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
font-size:14px;
text-align:left;
}
.u584 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:350px;
height:60px;
display:flex;
font-size:14px;
text-align:left;
}
.u584 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 6px;
box-sizing:border-box;
width:100%;
}
.u584_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u583-1 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:350px;
height:60px;
}
#u583-2 {
border-width:0px;
position:absolute;
left:0px;
top:60px;
width:350px;
height:60px;
}
#u583-3 {
border-width:0px;
position:absolute;
left:0px;
top:120px;
width:350px;
height:60px;
}
#u583-4 {
border-width:0px;
position:absolute;
left:0px;
top:180px;
width:350px;
height:60px;
}
#u583-5 {
border-width:0px;
position:absolute;
left:0px;
top:240px;
width:350px;
height:60px;
}
#u583-6 {
border-width:0px;
position:absolute;
left:0px;
top:300px;
width:350px;
height:60px;
}
#u583-7 {
border-width:0px;
position:absolute;
left:0px;
top:360px;
width:350px;
height:60px;
}
#u583 {
border-width:0px;
position:absolute;
left:12px;
top:117px;
width:350px;
height:420px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
}
#u585_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:15px;
height:15px;
}
#u585 {
border-width:0px;
position:absolute;
left:335px;
top:64px;
width:15px;
height:15px;
display:flex;
}
#u585 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u585_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u586 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u587_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:617px;
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-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u587 {
border-width:0px;
position:absolute;
left:0px;
top:50px;
width:375px;
height:617px;
display:flex;
}
#u587 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u587_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u588_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:300px;
height:170px;
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;
}
#u588 {
border-width:0px;
position:absolute;
left:37px;
top:248px;
width:300px;
height:170px;
display:flex;
}
#u588 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u588_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u589_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:114px;
height:28px;
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;
}
#u589 {
border-width:0px;
position:absolute;
left:73px;
top:390px;
width:114px;
height:28px;
display:flex;
}
#u589 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u589_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u590_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:114px;
height:28px;
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;
}
#u590 {
border-width:0px;
position:absolute;
left:187px;
top:390px;
width:114px;
height:28px;
display:flex;
}
#u590 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u590_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u591_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:157px;
height:28px;
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;
}
#u591 {
border-width:0px;
position:absolute;
left:108px;
top:277px;
width:157px;
height:28px;
display:flex;
}
#u591 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u591_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u592_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:157px;
height:28px;
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;
}
#u592 {
border-width:0px;
position:absolute;
left:108px;
top:319px;
width:157px;
height:28px;
display:flex;
}
#u592 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u592_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}