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

857 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;
}
#u199_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;
}
#u199 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:667px;
display:flex;
opacity:0.5;
}
#u199 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u199_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u200_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;
}
#u200 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u200 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u200_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u201_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:617px;
background:inherit;
background-color:rgba(85, 85, 85, 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;
}
#u201 {
border-width:0px;
position:absolute;
left:0px;
top:50px;
width:375px;
height:617px;
display:flex;
}
#u201 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u201_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u202_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;
}
#u202 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u202 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u202_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u203_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:375px;
}
#u203 {
border-width:0px;
position:absolute;
left:0px;
top:171px;
width:375px;
height:375px;
display:flex;
}
#u203 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u203_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u204_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:18px;
height:5px;
}
#u204 {
border-width:0px;
position:absolute;
left:343px;
top:63px;
width:18px;
height:5px;
display:flex;
}
#u204 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u204_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u205 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u206_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;
}
#u206 {
border-width:0px;
position:absolute;
left:0px;
top:50px;
width:375px;
height:617px;
display:flex;
opacity:0.5;
}
#u206 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u206_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u207_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:47px;
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;
}
#u207 {
border-width:0px;
position:absolute;
left:0px;
top:526px;
width:375px;
height:47px;
display:flex;
}
#u207 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u207_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u208_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:47px;
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;
}
#u208 {
border-width:0px;
position:absolute;
left:0px;
top:573px;
width:375px;
height:47px;
display:flex;
}
#u208 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u208_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u209_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:47px;
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;
}
#u209 {
border-width:0px;
position:absolute;
left:0px;
top:620px;
width:375px;
height:47px;
display:flex;
}
#u209 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u209_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u210 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u211_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;
}
#u211 {
border-width:0px;
position:absolute;
left:0px;
top:50px;
width:375px;
height:617px;
display:flex;
opacity:0.5;
}
#u211 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u211_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u212_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:375px;
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;
}
#u212 {
border-width:0px;
position:absolute;
left:0px;
top:171px;
width:375px;
height:375px;
display:flex;
}
#u212 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u212_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u213_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:15px;
height:15px;
}
#u213 {
border-width:0px;
position:absolute;
left:9px;
top:64px;
width:15px;
height:15px;
display:flex;
}
#u213 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u213_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u214 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u215_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;
}
#u215 {
border-width:0px;
position:absolute;
left:0px;
top:50px;
width:375px;
height:617px;
display:flex;
opacity:0.5;
}
#u215 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u215_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u216_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:375px;
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;
}
#u216 {
border-width:0px;
position:absolute;
left:0px;
top:171px;
width:375px;
height:375px;
display:flex;
}
#u216 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u216_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u217_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:15px;
height:15px;
}
#u217 {
border-width:0px;
position:absolute;
left:5px;
top:55px;
width:15px;
height:15px;
display:flex;
}
#u217 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u217_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u218 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u219 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u220_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:617px;
background:inherit;
background-color:rgba(85, 85, 85, 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;
}
#u220 {
border-width:0px;
position:absolute;
left:0px;
top:50px;
width:375px;
height:617px;
display:flex;
}
#u220 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u220_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u221_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:375px;
}
#u221 {
border-width:0px;
position:absolute;
left:0px;
top:171px;
width:375px;
height:375px;
display:flex;
}
#u221 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u221_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u222_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:47px;
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;
}
#u222 {
border-width:0px;
position:absolute;
left:0px;
top:620px;
width:375px;
height:47px;
display:flex;
}
#u222 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u222_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u223_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:47px;
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;
}
#u223 {
border-width:0px;
position:absolute;
left:0px;
top:573px;
width:375px;
height:47px;
display:flex;
}
#u223 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u223_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}