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

1250 lines
22 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;
}
#u8016_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-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;
}
#u8016 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:667px;
display:flex;
opacity:0.5;
}
#u8016 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u8016_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u8017_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-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;
}
#u8017 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u8017 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u8017_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u8018_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:160px;
height:186px;
}
#u8018 {
border-width:0px;
position:absolute;
left:108px;
top:114px;
width:160px;
height:186px;
display:flex;
}
#u8018 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u8018_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u8019_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-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;
}
#u8019 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u8019 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u8019_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u8020 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u8021_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;
}
#u8021 {
border-width:0px;
position:absolute;
left:0px;
top:627px;
width:375px;
height:40px;
display:flex;
font-size:18px;
}
#u8021 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u8021_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u8022_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:25px;
height:25px;
}
#u8022 {
border-width:0px;
position:absolute;
left:111px;
top:635px;
width:25px;
height:25px;
display:flex;
}
#u8022 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u8022_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u8024_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:340px;
height:220px;
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:10px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
.u8024 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:340px;
height:220px;
display:flex;
}
.u8024 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u8024_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u8025_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:340px;
height:210px;
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:10px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
.u8025 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:340px;
height:210px;
display:flex;
}
.u8025 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u8025_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u8026_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:28px;
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;
}
.u8026 {
border-width:0px;
position:absolute;
left:41px;
top:73px;
width:28px;
height:16px;
display:flex;
font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
font-weight:700;
font-style:normal;
}
.u8026 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
.u8026_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
.u8027_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;
}
.u8027 {
border-width:0px;
position:absolute;
left:69px;
top:73px;
width:8px;
height:16px;
display:flex;
font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
font-weight:700;
font-style:normal;
}
.u8027 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
.u8027_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
.u8028_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;
}
.u8028 {
border-width:0px;
position:absolute;
left:84px;
top:76px;
width:72px;
height:26px;
display:flex;
}
.u8028 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u8028_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u8029_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;
}
.u8029 {
border-width:0px;
position:absolute;
left:164px;
top:77px;
width:137px;
height:26px;
display:flex;
text-align:left;
}
.u8029 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u8029_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u8030_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:240px;
height:32px;
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:5px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
letter-spacing:0.5px;
color:#FFFFFF;
text-align:right;
}
.u8030 {
border-width:0px;
position:absolute;
left:66px;
top:152px;
width:240px;
height:32px;
display:flex;
letter-spacing:0.5px;
color:#FFFFFF;
text-align:right;
}
.u8030 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u8030_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u8031_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:20px;
height:15px;
}
.u8031 {
border-width:0px;
position:absolute;
left:302px;
top:23px;
width:20px;
height:15px;
display:flex;
}
.u8031 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u8031_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u8032_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:22px;
height:18px;
}
.u8032 {
border-width:0px;
position:absolute;
left:34px;
top:159px;
width:22px;
height:18px;
display:flex;
}
.u8032 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u8032_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u8033_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:180px;
height:40px;
}
.u8033 {
border-width:0px;
position:absolute;
left:10px;
top:10px;
width:180px;
height:40px;
display:flex;
}
.u8033 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u8033_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u8034_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:340px;
height:210px;
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:10px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
.u8034 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:340px;
height:210px;
display:flex;
}
.u8034 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u8034_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u8035_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:40px;
height:20px;
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-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:11px;
}
.u8035 {
border-width:0px;
position:absolute;
left:288px;
top:20px;
width:40px;
height:20px;
display:flex;
font-size:11px;
}
.u8035 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u8035_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u8023-1 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:340px;
height:220px;
}
#u8023 {
border-width:0px;
position:absolute;
left:18px;
top:93px;
width:340px;
height:220px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
}
#u8036_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:80px;
height:30px;
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;
}
#u8036 {
border-width:0px;
position:absolute;
left:18px;
top:63px;
width:80px;
height:30px;
display:flex;
}
#u8036 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u8036_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u8037_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:50px;
height:30px;
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;
}
#u8037 {
border-width:0px;
position:absolute;
left:0px;
top:20px;
width:50px;
height:30px;
display:flex;
font-size:18px;
}
#u8037 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u8037_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u8038 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u8039_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:617px;
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;
}
#u8039 {
border-width:0px;
position:absolute;
left:0px;
top:50px;
width:375px;
height:617px;
display:flex;
opacity:0.8;
}
#u8039 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u8039_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u8040_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:297px;
height:160px;
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;
color:#000000;
}
#u8040 {
border-width:0px;
position:absolute;
left:39px;
top:260px;
width:297px;
height:160px;
display:flex;
color:#000000;
}
#u8040 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u8040_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u8041_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:80px;
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;
}
#u8041 {
border-width:0px;
position:absolute;
left:68px;
top:378px;
width:80px;
height:30px;
display:flex;
}
#u8041 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u8041_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u8042_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:80px;
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;
}
#u8042 {
border-width:0px;
position:absolute;
left:228px;
top:378px;
width:80px;
height:30px;
display:flex;
}
#u8042 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u8042_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u8043 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u8044_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:617px;
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;
}
#u8044 {
border-width:0px;
position:absolute;
left:0px;
top:50px;
width:375px;
height:617px;
display:flex;
opacity:0.8;
}
#u8044 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u8044_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u8045_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:297px;
height:200px;
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;
color:#000000;
line-height:27px;
}
#u8045 {
border-width:0px;
position:absolute;
left:39px;
top:235px;
width:297px;
height:200px;
display:flex;
font-size:16px;
color:#000000;
line-height:27px;
}
#u8045 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u8045_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u8046 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u8047_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:617px;
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;
}
#u8047 {
border-width:0px;
position:absolute;
left:0px;
top:50px;
width:375px;
height:617px;
display:flex;
opacity:0.8;
}
#u8047 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u8047_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u8048_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:297px;
height:200px;
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;
color:#000000;
line-height:25px;
}
#u8048 {
border-width:0px;
position:absolute;
left:39px;
top:250px;
width:297px;
height:200px;
display:flex;
font-size:16px;
color:#000000;
line-height:25px;
}
#u8048 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u8048_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}