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

1096 lines
19 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;
}
#u2174_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;
}
#u2174 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:667px;
display:flex;
opacity:0.5;
}
#u2174 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2174_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u2175_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;
}
#u2175 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u2175 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2175_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u2176_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;
}
#u2176 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u2176 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2176_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
.u2178_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:350px;
height:85px;
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;
text-align:left;
}
.u2178 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:350px;
height:85px;
display:flex;
text-align:left;
}
.u2178 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u2178_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u2179_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:95px;
height:24px;
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;
}
.u2179 {
border-width:0px;
position:absolute;
left:241px;
top:53px;
width:95px;
height:24px;
display:flex;
text-align:left;
}
.u2179 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u2179_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u2180_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:59px;
height:21px;
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;
}
.u2180 {
border-width:0px;
position:absolute;
left:285px;
top:40px;
width:59px;
height:21px;
display:flex;
text-align:left;
}
.u2180 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u2180_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
.u2181_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:95px;
height:24px;
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;
}
.u2181 {
border-width:0px;
position:absolute;
left:241px;
top:9px;
width:95px;
height:24px;
display:flex;
text-align:left;
}
.u2181 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u2181_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u2177-1 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:350px;
height:85px;
}
#u2177-2 {
border-width:0px;
position:absolute;
left:0px;
top:85px;
width:350px;
height:85px;
}
#u2177-3 {
border-width:0px;
position:absolute;
left:0px;
top:170px;
width:350px;
height:85px;
}
#u2177-4 {
border-width:0px;
position:absolute;
left:0px;
top:255px;
width:350px;
height:85px;
}
#u2177-5 {
border-width:0px;
position:absolute;
left:0px;
top:340px;
width:350px;
height:85px;
}
#u2177-6 {
border-width:0px;
position:absolute;
left:0px;
top:425px;
width:350px;
height:85px;
}
#u2177-7 {
border-width:0px;
position:absolute;
left:0px;
top:510px;
width:350px;
height:85px;
}
#u2177 {
border-width:0px;
position:absolute;
left:13px;
top:160px;
width:350px;
height:595px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
}
#u2182 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u2183_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:78px;
height:26px;
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:10px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u2183 {
border-width:0px;
position:absolute;
left:31px;
top:510px;
width:78px;
height:26px;
display:flex;
}
#u2183 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2183_div.mouseDown {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:78px;
height:26px;
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-radius:10px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u2183.mouseDown {
}
#u2183_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u2184_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:78px;
height:26px;
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:10px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u2184 {
border-width:0px;
position:absolute;
left:109px;
top:510px;
width:78px;
height:26px;
display:flex;
}
#u2184 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2184_div.mouseDown {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:78px;
height:26px;
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-radius:10px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u2184.mouseDown {
}
#u2184_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u2185_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:78px;
height:26px;
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:10px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u2185 {
border-width:0px;
position:absolute;
left:187px;
top:510px;
width:78px;
height:26px;
display:flex;
}
#u2185 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2185_div.mouseDown {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:78px;
height:26px;
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-radius:10px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u2185.mouseDown {
}
#u2185_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u2186_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:78px;
height:26px;
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:10px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u2186 {
border-width:0px;
position:absolute;
left:265px;
top:510px;
width:78px;
height:26px;
display:flex;
}
#u2186 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2186_div.mouseDown {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:78px;
height:26px;
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-radius:10px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u2186.mouseDown {
}
#u2186_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u2187_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:70px;
height:25px;
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:20px;
border-top-left-radius:0px;
border-bottom-left-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;
}
#u2187 {
border-width:0px;
position:absolute;
left:0px;
top:579px;
width:70px;
height:25px;
display:flex;
font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
font-weight:700;
font-style:normal;
}
#u2187 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2187_div.mouseDown {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:70px;
height:25px;
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:20px;
border-top-left-radius:0px;
border-bottom-left-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;
}
#u2187.mouseDown {
}
#u2187_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u2188 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u2189_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:32px;
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;
}
#u2189 {
border-width:0px;
position:absolute;
left:337px;
top:108px;
width:32px;
height:18px;
display:flex;
font-size:16px;
}
#u2189 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u2189_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u2190_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:12px;
height:12px;
}
#u2190 {
border-width:0px;
position:absolute;
left:323px;
top:111px;
width:12px;
height:12px;
display:flex;
}
#u2190 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2190_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u2191 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u2192_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:84px;
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;
}
#u2192 {
border-width:0px;
position:absolute;
left:13px;
top:132px;
width:84px;
height:16px;
display:flex;
opacity:0.5;
}
#u2192 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u2192_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u2193_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:90px;
height:20px;
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;
text-align:left;
}
#u2193 {
border-width:0px;
position:absolute;
left:97px;
top:130px;
width:90px;
height:20px;
display:flex;
opacity:0.5;
text-align:left;
}
#u2193 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2193_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u2194_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:52px;
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;
}
#u2194 {
border-width:0px;
position:absolute;
left:13px;
top:108px;
width:52px;
height:16px;
display:flex;
}
#u2194 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u2194_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u2195_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:109px;
height:29px;
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;
}
#u2195 {
border-width:0px;
position:absolute;
left:66px;
top:52px;
width:109px;
height:29px;
display:flex;
}
#u2195 .text {
position:absolute;
align-self:flex-end;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2195_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u2196_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:109px;
height:29px;
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-radius:0px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u2196 {
border-width:0px;
position:absolute;
left:195px;
top:52px;
width:109px;
height:29px;
display:flex;
}
#u2196 .text {
position:absolute;
align-self:flex-end;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2196_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u2197 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u2198_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:617px;
background:inherit;
background-color:rgba(242, 242, 242, 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;
}
#u2198 {
border-width:0px;
position:absolute;
left:0px;
top:50px;
width:375px;
height:617px;
display:flex;
opacity:0.8;
}
#u2198 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2198_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u2199_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:245px;
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;
}
#u2199 {
border-width:0px;
position:absolute;
left:0px;
top:422px;
width:375px;
height:245px;
display:flex;
opacity:0.9;
}
#u2199 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2199_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}