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

1177 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;
}
#u3702_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;
}
#u3702 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:667px;
display:flex;
opacity:0.5;
}
#u3702 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3702_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u3703_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;
}
#u3703 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u3703 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3703_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u3704_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;
}
#u3704 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u3704 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3704_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3705_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:360px;
height:70px;
background:inherit;
background-color:rgba(0, 128, 128, 0.654901960784314);
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;
color:#FFFFFF;
}
#u3705 {
border-width:0px;
position:absolute;
left:7px;
top:192px;
width:360px;
height:70px;
display:flex;
color:#FFFFFF;
}
#u3705 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3705_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u3706_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:108px;
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;
color:#FFFFFF;
}
#u3706 {
border-width:0px;
position:absolute;
left:32px;
top:204px;
width:108px;
height:16px;
display:flex;
color:#FFFFFF;
}
#u3706 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u3706_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u3707_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:94px;
height:39px;
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:18px;
color:#FFFFFF;
}
#u3707 {
border-width:0px;
position:absolute;
left:38px;
top:220px;
width:94px;
height:39px;
display:flex;
font-size:18px;
color:#FFFFFF;
}
#u3707 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3707_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3708_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:108px;
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;
color:#FFFFFF;
}
#u3708 {
border-width:0px;
position:absolute;
left:240px;
top:204px;
width:108px;
height:16px;
display:flex;
color:#FFFFFF;
}
#u3708 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u3708_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u3709_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:94px;
height:39px;
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:18px;
color:#FFFFFF;
}
#u3709 {
border-width:0px;
position:absolute;
left:247px;
top:220px;
width:94px;
height:39px;
display:flex;
font-size:18px;
color:#FFFFFF;
}
#u3709 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3709_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3710_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:292px;
height:120px;
background:inherit;
background-color:rgba(0, 128, 128, 0.654901960784314);
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;
color:#FFFFFF;
}
#u3710 {
border-width:0px;
position:absolute;
left:38px;
top:54px;
width:292px;
height:120px;
display:flex;
color:#FFFFFF;
}
#u3710 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3710_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u3711_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:80px;
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;
color:#FFFFFF;
}
#u3711 {
border-width:0px;
position:absolute;
left:218px;
top:97px;
width:80px;
height:16px;
display:flex;
color:#FFFFFF;
}
#u3711 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u3711_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u3712_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:94px;
height:35px;
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:18px;
color:#FFFFFF;
}
#u3712 {
border-width:0px;
position:absolute;
left:218px;
top:113px;
width:94px;
height:35px;
display:flex;
font-size:18px;
color:#FFFFFF;
}
#u3712 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3712_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3713_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:94px;
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;
color:#FFFFFF;
}
#u3713 {
border-width:0px;
position:absolute;
left:59px;
top:97px;
width:94px;
height:16px;
display:flex;
color:#FFFFFF;
}
#u3713 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u3713_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u3714_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:94px;
height:35px;
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:18px;
color:#FFFFFF;
}
#u3714 {
border-width:0px;
position:absolute;
left:59px;
top:113px;
width:94px;
height:35px;
display:flex;
font-size:18px;
color:#FFFFFF;
}
#u3714 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3714_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3715_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-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
font-weight:700;
font-style:normal;
font-size:16px;
color:#FFFFFF;
}
#u3715 {
border-width:0px;
position:absolute;
left:151px;
top:62px;
width:64px;
height:18px;
display:flex;
font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
font-weight:700;
font-style:normal;
font-size:16px;
color:#FFFFFF;
}
#u3715 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u3715_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u3716_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:153px;
height:62px;
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;
}
#u3716 {
border-width:0px;
position:absolute;
left:12px;
top:196px;
width:153px;
height:62px;
display:flex;
opacity:0.5;
}
#u3716 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3716_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u3717_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:153px;
height:62px;
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:5px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u3717 {
border-width:0px;
position:absolute;
left:12px;
top:196px;
width:153px;
height:62px;
display:flex;
opacity:0.5;
}
#u3717 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3717_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u3718_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:153px;
height:62px;
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;
}
#u3718 {
border-width:0px;
position:absolute;
left:210px;
top:196px;
width:153px;
height:62px;
display:flex;
opacity:0.5;
}
#u3718 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3718_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u3720_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:374px;
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-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;
text-align:left;
}
.u3720 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:374px;
height:80px;
display:flex;
text-align:left;
}
.u3720 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u3720_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u3721_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:96px;
height:27px;
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;
font-size:16px;
text-align:right;
}
.u3721 {
border-width:0px;
position:absolute;
left:266px;
top:39px;
width:96px;
height:27px;
display:flex;
font-size:16px;
text-align:right;
}
.u3721 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u3721_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u3722_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:100px;
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:10px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
font-size:16px;
}
.u3722 {
border-width:0px;
position:absolute;
left:54px;
top:9px;
width:100px;
height:30px;
display:flex;
font-size:16px;
}
.u3722 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u3722_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u3723_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:89px;
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:10px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
font-size:16px;
text-align:right;
}
.u3723 {
border-width:0px;
position:absolute;
left:273px;
top:9px;
width:89px;
height:30px;
display:flex;
opacity:0.6;
font-size:16px;
text-align:right;
}
.u3723 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u3723_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u3724_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:101px;
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:10px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
text-align:left;
}
.u3724 {
border-width:0px;
position:absolute;
left:154px;
top:9px;
width:101px;
height:30px;
display:flex;
text-align:left;
}
.u3724 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u3724_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u3725_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:40px;
height:40px;
}
.u3725 {
border-width:0px;
position:absolute;
left:9px;
top:6px;
width:40px;
height:40px;
display:flex;
}
.u3725 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u3725_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u3726_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:96px;
height:27px;
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;
}
.u3726 {
border-width:0px;
position:absolute;
left:54px;
top:39px;
width:96px;
height:27px;
display:flex;
opacity:0.6;
text-align:left;
}
.u3726 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u3726_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u3719-1 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:374px;
height:80px;
}
#u3719-2 {
border-width:0px;
position:absolute;
left:0px;
top:80px;
width:374px;
height:80px;
}
#u3719-3 {
border-width:0px;
position:absolute;
left:0px;
top:160px;
width:374px;
height:80px;
}
#u3719-4 {
border-width:0px;
position:absolute;
left:0px;
top:240px;
width:374px;
height:80px;
}
#u3719-5 {
border-width:0px;
position:absolute;
left:0px;
top:320px;
width:374px;
height:80px;
}
#u3719-6 {
border-width:0px;
position:absolute;
left:0px;
top:400px;
width:374px;
height:80px;
}
#u3719-7 {
border-width:0px;
position:absolute;
left:0px;
top:480px;
width:374px;
height:80px;
}
#u3719-8 {
border-width:0px;
position:absolute;
left:0px;
top:560px;
width:374px;
height:80px;
}
#u3719 {
border-width:0px;
position:absolute;
left:0px;
top:298px;
width:374px;
height:640px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
}
#u3727_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:92px;
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;
}
#u3727 {
border-width:0px;
position:absolute;
left:271px;
top:276px;
width:92px;
height:16px;
display:flex;
opacity:0.8;
}
#u3727 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u3727_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}