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

1176 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;
}
#u343_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;
}
#u343 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:667px;
display:flex;
opacity:0.5;
}
#u343 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u343_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u344_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;
}
#u344 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u344 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u344_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u345_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;
}
#u345 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u345 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u345_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u346_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;
}
#u346 {
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;
}
#u346 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u346_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;
}
#u346.mouseDown {
}
#u346_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u347 {
border-width:0px;
position:absolute;
left:10px;
top:52px;
width:354px;
height:343px;
}
#u347_state0 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:354px;
height:343px;
-ms-overflow-x:hidden;
overflow-x:hidden;
-ms-overflow-y:hidden;
overflow-y:hidden;
background-image:none;
border:none;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u347_state0_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u348_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:354px;
height:343px;
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;
}
#u348 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:354px;
height:343px;
display:flex;
}
#u348 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u348_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u349_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:354px;
height:343px;
}
#u349 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:354px;
height:343px;
display:flex;
}
#u349 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u349_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u347_state1 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:354px;
height:343px;
-ms-overflow-x:hidden;
overflow-x:hidden;
-ms-overflow-y:hidden;
overflow-y:hidden;
background-image:none;
border:none;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
visibility:hidden;
}
#u347_state1_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u350_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:354px;
height:343px;
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;
}
#u350 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:354px;
height:343px;
display:flex;
}
#u350 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u350_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u351_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:354px;
height:343px;
}
#u351 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:354px;
height:343px;
display:flex;
}
#u351 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u351_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u347_state2 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:354px;
height:343px;
-ms-overflow-x:hidden;
overflow-x:hidden;
-ms-overflow-y:hidden;
overflow-y:hidden;
background-image:none;
border:none;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
visibility:hidden;
}
#u347_state2_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u352_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:354px;
height:343px;
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;
}
#u352 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:354px;
height:343px;
display:flex;
}
#u352 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u352_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u353_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:354px;
height:343px;
}
#u353 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:354px;
height:343px;
display:flex;
}
#u353 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u353_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u347_state3 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:354px;
height:343px;
-ms-overflow-x:hidden;
overflow-x:hidden;
-ms-overflow-y:hidden;
overflow-y:hidden;
background-image:none;
border:none;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
visibility:hidden;
}
#u347_state3_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u354_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:354px;
height:343px;
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;
}
#u354 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:354px;
height:343px;
display:flex;
}
#u354 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u354_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u355_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:354px;
height:343px;
}
#u355 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:354px;
height:343px;
display:flex;
}
#u355 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u355_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u347_state4 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:354px;
height:343px;
-ms-overflow-x:hidden;
overflow-x:hidden;
-ms-overflow-y:hidden;
overflow-y:hidden;
background-image:none;
border:none;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
visibility:hidden;
}
#u347_state4_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u356_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:354px;
height:343px;
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;
}
#u356 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:354px;
height:343px;
display:flex;
}
#u356 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u356_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u357_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:354px;
height:343px;
}
#u357 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:354px;
height:343px;
display:flex;
}
#u357 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u357_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u359_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:374px;
height:258px;
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-right:0px;
border-bottom:0px;
border-radius:0px;
border-top-left-radius:0px;
border-top-right-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
font-size:18px;
}
.u359 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:374px;
height:258px;
display:flex;
font-size:18px;
}
.u359 .text {
position:absolute;
align-self:center;
padding:8px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u359_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u360_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:245px;
height:45px;
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:16px;
text-align:left;
}
.u360 {
border-width:0px;
position:absolute;
left:9px;
top:3px;
width:245px;
height:45px;
display:flex;
font-size:16px;
text-align:left;
}
.u360 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u360_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u361 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
.u362_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:27px;
height:40px;
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:16px;
}
.u362 {
border-width:0px;
position:absolute;
left:330px;
top:13px;
width:27px;
height:40px;
display:flex;
opacity:0;
font-size:16px;
}
.u362 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u362_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u363_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:9px;
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;
}
.u363 {
border-width:0px;
position:absolute;
left:353px;
top:26px;
width:9px;
height:16px;
display:flex;
opacity:0;
}
.u363 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
.u363_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
.u364_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:45px;
height:22px;
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:16px;
text-align:left;
}
.u364 {
border-width:0px;
position:absolute;
left:61px;
top:48px;
width:45px;
height:22px;
display:flex;
font-size:16px;
text-align:left;
}
.u364 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u364_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u365_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:52px;
height:22px;
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:16px;
}
.u365 {
border-width:0px;
position:absolute;
left:9px;
top:48px;
width:52px;
height:22px;
display:flex;
font-size:16px;
}
.u365 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u365_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
.u366_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:80px;
height:22px;
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:16px;
text-align:left;
}
.u366 {
border-width:0px;
position:absolute;
left:174px;
top:48px;
width:80px;
height:22px;
display:flex;
font-size:16px;
text-align:left;
}
.u366 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u366_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u367_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:52px;
height:22px;
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:16px;
}
.u367 {
border-width:0px;
position:absolute;
left:122px;
top:48px;
width:52px;
height:22px;
display:flex;
font-size:16px;
}
.u367 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u367_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
.u368_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:169px;
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-right:0px;
border-bottom:0px;
border-radius:0px;
border-top-left-radius:0px;
border-top-right-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
font-size:14px;
text-align:left;
}
.u368 {
border-width:0px;
position:absolute;
left:-1px;
top:89px;
width:375px;
height:169px;
display:flex;
font-size:14px;
text-align:left;
}
.u368 .text {
position:absolute;
align-self:flex-start;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u368_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u358-1 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:374px;
height:258px;
}
#u358-2 {
border-width:0px;
position:absolute;
left:0px;
top:258px;
width:374px;
height:258px;
}
#u358-3 {
border-width:0px;
position:absolute;
left:0px;
top:516px;
width:374px;
height:258px;
}
#u358-4 {
border-width:0px;
position:absolute;
left:0px;
top:774px;
width:374px;
height:258px;
}
#u358 {
border-width:0px;
position:absolute;
left:1px;
top:409px;
width:374px;
height:1032px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
}