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

1013 lines
18 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;
}
#u3282_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;
}
#u3282 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:667px;
display:flex;
opacity:0.5;
}
#u3282 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3282_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u3283_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;
}
#u3283 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u3283 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3283_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u3284_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;
}
#u3284 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u3284 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3284_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3285_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:346px;
height:206px;
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:5px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u3285 {
border-width:0px;
position:absolute;
left:14px;
top:80px;
width:346px;
height:206px;
display:flex;
}
#u3285 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3285_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u3286_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:328px;
height:42px;
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;
}
#u3286 {
border-width:0px;
position:absolute;
left:23px;
top:89px;
width:328px;
height:42px;
display:flex;
}
#u3286 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3286_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u3288_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:328px;
height:112px;
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;
}
.u3288 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:328px;
height:112px;
display:flex;
}
.u3288 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u3288_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u3289_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:124px;
height:40px;
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;
}
.u3289 {
border-width:0px;
position:absolute;
left:26px;
top:63px;
width:124px;
height:40px;
display:flex;
}
.u3289 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u3289_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
.u3290_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:124px;
height:40px;
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;
}
.u3290 {
border-width:0px;
position:absolute;
left:180px;
top:63px;
width:124px;
height:40px;
display:flex;
}
.u3290 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u3290_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
.u3291_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:124px;
height:40px;
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;
}
.u3291 {
border-width:0px;
position:absolute;
left:26px;
top:23px;
width:124px;
height:40px;
display:flex;
}
.u3291 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u3291_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u3292_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:124px;
height:40px;
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;
}
.u3292 {
border-width:0px;
position:absolute;
left:180px;
top:23px;
width:124px;
height:40px;
display:flex;
}
.u3292 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u3292_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u3287-1 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:328px;
height:112px;
}
#u3287-2 {
border-width:0px;
position:absolute;
left:0px;
top:112px;
width:328px;
height:112px;
}
#u3287-3 {
border-width:0px;
position:absolute;
left:0px;
top:224px;
width:328px;
height:112px;
}
#u3287-4 {
border-width:0px;
position:absolute;
left:0px;
top:336px;
width:328px;
height:112px;
}
#u3287-5 {
border-width:0px;
position:absolute;
left:0px;
top:448px;
width:328px;
height:112px;
}
#u3287-6 {
border-width:0px;
position:absolute;
left:0px;
top:560px;
width:328px;
height:112px;
}
#u3287-7 {
border-width:0px;
position:absolute;
left:0px;
top:672px;
width:328px;
height:112px;
}
#u3287-8 {
border-width:0px;
position:absolute;
left:0px;
top:784px;
width:328px;
height:112px;
}
#u3287-9 {
border-width:0px;
position:absolute;
left:0px;
top:896px;
width:328px;
height:112px;
}
#u3287-10 {
border-width:0px;
position:absolute;
left:0px;
top:1008px;
width:328px;
height:112px;
}
#u3287-11 {
border-width:0px;
position:absolute;
left:0px;
top:1120px;
width:328px;
height:112px;
}
#u3287-12 {
border-width:0px;
position:absolute;
left:0px;
top:1232px;
width:328px;
height:112px;
}
#u3287 {
border-width:0px;
position:absolute;
left:24px;
top:154px;
width:328px;
height:1344px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
}
#u3293 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u3294_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:28px;
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:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u3294 {
border-width:0px;
position:absolute;
left:35px;
top:94px;
width:28px;
height:30px;
display:flex;
}
#u3294 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3294_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u3295_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:24px;
height:21px;
}
#u3295 {
border-width:0px;
position:absolute;
left:36px;
top:99px;
width:24px;
height:21px;
display:flex;
-webkit-transform:rotate(270deg);
-moz-transform:rotate(270deg);
-ms-transform:rotate(270deg);
transform:rotate(270deg);
}
#u3295 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3295_img.mouseOver {
}
#u3295.mouseOver {
}
#u3295_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u3296 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u3297_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:28px;
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:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u3297 {
border-width:0px;
position:absolute;
left:313px;
top:95px;
width:28px;
height:30px;
display:flex;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
}
#u3297 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3297_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u3298_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:24px;
height:21px;
}
#u3298 {
border-width:0px;
position:absolute;
left:314px;
top:99px;
width:24px;
height:21px;
display:flex;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
}
#u3298 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3298_img.mouseOver {
}
#u3298.mouseOver {
}
#u3298_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u3299 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u3300_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:71px;
height:34px;
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;
}
#u3300 {
border-width:0px;
position:absolute;
left:177px;
top:93px;
width:71px;
height:34px;
display:flex;
}
#u3300 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3300_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3301_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:35px;
height:30px;
background:inherit;
background-color:rgba(184, 116, 26, 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-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
font-weight:700;
font-style:normal;
}
#u3301 {
border-width:0px;
position:absolute;
left:145px;
top:94px;
width:35px;
height:30px;
display:flex;
font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
font-weight:700;
font-style:normal;
}
#u3301 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3301_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3302_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;
}
#u3302 {
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;
}
#u3302 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3302_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;
}
#u3302.mouseDown {
}
#u3302_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3303 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u3304_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:617px;
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;
}
#u3304 {
border-width:0px;
position:absolute;
left:0px;
top:50px;
width:375px;
height:617px;
display:flex;
}
#u3304 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3304_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u3305_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:300px;
height:170px;
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;
font-size:16px;
}
#u3305 {
border-width:0px;
position:absolute;
left:38px;
top:216px;
width:300px;
height:170px;
display:flex;
font-size:16px;
}
#u3305 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3305_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}