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

1189 lines
21 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;
}
#u5253_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;
}
#u5253 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:667px;
display:flex;
opacity:0.5;
}
#u5253 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u5253_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u5254_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;
}
#u5254 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u5254 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u5254_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u5255_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;
}
#u5255 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u5255 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u5255_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u5256_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;
}
#u5256 {
border-width:0px;
position:absolute;
left:7px;
top:192px;
width:360px;
height:70px;
display:flex;
color:#FFFFFF;
}
#u5256 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u5256_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u5257_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;
}
#u5257 {
border-width:0px;
position:absolute;
left:32px;
top:204px;
width:108px;
height:16px;
display:flex;
color:#FFFFFF;
}
#u5257 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u5257_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u5258_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;
}
#u5258 {
border-width:0px;
position:absolute;
left:38px;
top:220px;
width:94px;
height:39px;
display:flex;
font-size:18px;
color:#FFFFFF;
}
#u5258 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u5258_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u5259_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;
}
#u5259 {
border-width:0px;
position:absolute;
left:240px;
top:204px;
width:108px;
height:16px;
display:flex;
color:#FFFFFF;
}
#u5259 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u5259_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u5260_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;
}
#u5260 {
border-width:0px;
position:absolute;
left:247px;
top:220px;
width:94px;
height:39px;
display:flex;
font-size:18px;
color:#FFFFFF;
}
#u5260 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u5260_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u5261_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;
}
#u5261 {
border-width:0px;
position:absolute;
left:38px;
top:54px;
width:292px;
height:120px;
display:flex;
color:#FFFFFF;
}
#u5261 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u5261_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u5262_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;
}
#u5262 {
border-width:0px;
position:absolute;
left:218px;
top:97px;
width:80px;
height:16px;
display:flex;
color:#FFFFFF;
}
#u5262 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u5262_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u5263_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;
}
#u5263 {
border-width:0px;
position:absolute;
left:218px;
top:113px;
width:94px;
height:35px;
display:flex;
font-size:18px;
color:#FFFFFF;
}
#u5263 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u5263_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u5264_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;
}
#u5264 {
border-width:0px;
position:absolute;
left:59px;
top:97px;
width:94px;
height:16px;
display:flex;
color:#FFFFFF;
}
#u5264 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u5264_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u5265_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;
}
#u5265 {
border-width:0px;
position:absolute;
left:59px;
top:113px;
width:94px;
height:35px;
display:flex;
font-size:18px;
color:#FFFFFF;
}
#u5265 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u5265_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u5266_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;
}
#u5266 {
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;
}
#u5266 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u5266_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u5267_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;
}
#u5267 {
border-width:0px;
position:absolute;
left:12px;
top:196px;
width:153px;
height:62px;
display:flex;
opacity:0.5;
}
#u5267 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u5267_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u5268_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;
}
#u5268 {
border-width:0px;
position:absolute;
left:12px;
top:196px;
width:153px;
height:62px;
display:flex;
opacity:0.5;
}
#u5268 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u5268_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u5269_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;
}
#u5269 {
border-width:0px;
position:absolute;
left:210px;
top:196px;
width:153px;
height:62px;
display:flex;
opacity:0.5;
}
#u5269 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u5269_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u5271_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;
}
.u5271 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:374px;
height:80px;
display:flex;
text-align:left;
}
.u5271 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u5271_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u5272_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:5px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
font-size:16px;
text-align:right;
}
.u5272 {
border-width:0px;
position:absolute;
left:280px;
top:39px;
width:80px;
height:30px;
display:flex;
font-size:16px;
text-align:right;
}
.u5272 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u5272_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u5273_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;
}
.u5273 {
border-width:0px;
position:absolute;
left:54px;
top:9px;
width:100px;
height:30px;
display:flex;
font-size:16px;
}
.u5273 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u5273_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u5274_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:140px;
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;
}
.u5274 {
border-width:0px;
position:absolute;
left:140px;
top:39px;
width:140px;
height:30px;
display:flex;
opacity:0.6;
font-size:16px;
text-align:right;
}
.u5274 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u5274_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u5275_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;
}
.u5275 {
border-width:0px;
position:absolute;
left:154px;
top:9px;
width:101px;
height:30px;
display:flex;
text-align:left;
}
.u5275 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u5275_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u5276_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:40px;
height:40px;
}
.u5276 {
border-width:0px;
position:absolute;
left:9px;
top:6px;
width:40px;
height:40px;
display:flex;
}
.u5276 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u5276_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u5277_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:80px;
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;
}
.u5277 {
border-width:0px;
position:absolute;
left:54px;
top:39px;
width:80px;
height:27px;
display:flex;
opacity:0.6;
text-align:left;
}
.u5277 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u5277_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u5270-1 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:374px;
height:80px;
}
#u5270-2 {
border-width:0px;
position:absolute;
left:0px;
top:80px;
width:374px;
height:80px;
}
#u5270-3 {
border-width:0px;
position:absolute;
left:0px;
top:160px;
width:374px;
height:80px;
}
#u5270-4 {
border-width:0px;
position:absolute;
left:0px;
top:240px;
width:374px;
height:80px;
}
#u5270-5 {
border-width:0px;
position:absolute;
left:0px;
top:320px;
width:374px;
height:80px;
}
#u5270-6 {
border-width:0px;
position:absolute;
left:0px;
top:400px;
width:374px;
height:80px;
}
#u5270-7 {
border-width:0px;
position:absolute;
left:0px;
top:480px;
width:374px;
height:80px;
}
#u5270-8 {
border-width:0px;
position:absolute;
left:0px;
top:560px;
width:374px;
height:80px;
}
#u5270 {
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;
}
#u5278_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;
}
#u5278 {
border-width:0px;
position:absolute;
left:271px;
top:276px;
width:92px;
height:16px;
display:flex;
opacity:0.8;
}
#u5278 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u5278_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}