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

1296 lines
22 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;
}
#u415_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:667px;
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;
}
#u415 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:667px;
display:flex;
}
#u415 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u415_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u416_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;
}
#u416 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u416 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u416_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u417_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;
}
#u417 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u417 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u417_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u418_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:187px;
height:35px;
background:inherit;
background-color:rgba(0, 191, 191, 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;
}
#u418 {
border-width:0px;
position:absolute;
left:0px;
top:230px;
width:187px;
height:35px;
display:flex;
}
#u418 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u418_div.mouseDown {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:187px;
height:35px;
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:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u418.mouseDown {
}
#u418_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u419_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:188px;
height:35px;
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:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u419 {
border-width:0px;
position:absolute;
left:187px;
top:230px;
width:188px;
height:35px;
display:flex;
}
#u419 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u419_div.mouseDown {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:188px;
height:35px;
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:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u419.mouseDown {
}
#u419_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u420 {
border-width:0px;
position:absolute;
left:5px;
top:55px;
width:364px;
height:160px;
touch-action:none;
}
#u420_state0 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:364px;
height:160px;
-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;
}
#u420_state0_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u421 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u422 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u423 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u424 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u425_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:340px;
height:160px;
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:10px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u425 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:340px;
height:160px;
display:flex;
}
#u425 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u425_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u426_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:78px;
height:20px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
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:13px;
}
#u426 {
border-width:0px;
position:absolute;
left:8px;
top:11px;
width:78px;
height:20px;
display:flex;
font-size:13px;
}
#u426 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u426_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u427_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:144px;
height:24px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
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;
}
#u427 {
border-width:0px;
position:absolute;
left:108px;
top:128px;
width:144px;
height:24px;
display:flex;
font-size:16px;
}
#u427 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u427_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u428_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:100px;
height:107px;
}
#u428 {
border-width:0px;
position:absolute;
left:130px;
top:11px;
width:100px;
height:107px;
display:flex;
}
#u428 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u428_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u429 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u430 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u431_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:340px;
height:160px;
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:10px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u431 {
border-width:0px;
position:absolute;
left:345px;
top:0px;
width:340px;
height:160px;
display:flex;
}
#u431 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u431_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u432_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:78px;
height:20px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
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:13px;
}
#u432 {
border-width:0px;
position:absolute;
left:353px;
top:11px;
width:78px;
height:20px;
display:flex;
font-size:13px;
}
#u432 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u432_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u433_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:144px;
height:24px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
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;
}
#u433 {
border-width:0px;
position:absolute;
left:453px;
top:128px;
width:144px;
height:24px;
display:flex;
font-size:16px;
}
#u433 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u433_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u434_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:100px;
height:107px;
}
#u434 {
border-width:0px;
position:absolute;
left:475px;
top:11px;
width:100px;
height:107px;
display:flex;
}
#u434 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u434_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u435 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u436_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:187px;
height:35px;
background:inherit;
background-color:rgba(0, 191, 191, 0.996078431372549);
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;
}
#u436 {
border-width:0px;
position:absolute;
left:0px;
top:632px;
width:187px;
height:35px;
display:flex;
}
#u436 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u436_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u437_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:188px;
height:35px;
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:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u437 {
border-width:0px;
position:absolute;
left:187px;
top:632px;
width:188px;
height:35px;
display:flex;
}
#u437 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u437_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u438 {
border-width:0px;
position:absolute;
left:0px;
top:405px;
width:375px;
height:227px;
}
#u438_state0 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:227px;
overflow:auto;
-webkit-overflow-scrolling:touch;
-ms-overflow-x:hidden;
overflow-x:hidden;
background-image:none;
border:none;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u438_state0_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
.u440_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:90px;
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:5px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
font-size:18px;
}
.u440 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:90px;
display:flex;
font-size:18px;
}
.u440 .text {
position:absolute;
align-self:flex-start;
padding:8px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u440_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u441_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:271px;
height:50px;
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;
font-size:14px;
text-align:left;
}
.u441 {
border-width:0px;
position:absolute;
left:2px;
top:2px;
width:271px;
height:50px;
display:flex;
font-size:14px;
text-align:left;
}
.u441 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u441_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u442_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:271px;
height:20px;
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:12px;
text-align:left;
}
.u442 {
border-width:0px;
position:absolute;
left:2px;
top:52px;
width:271px;
height:20px;
display:flex;
opacity:0.7;
font-size:12px;
text-align:left;
}
.u442 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u442_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u443_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:100px;
height:85px;
}
.u443 {
border-width:0px;
position:absolute;
left:273px;
top:2px;
width:100px;
height:85px;
display:flex;
}
.u443 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u443_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u444_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:90px;
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;
}
.u444 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:90px;
display:flex;
}
.u444 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u444_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u439-1 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:90px;
}
#u439-2 {
border-width:0px;
position:absolute;
left:0px;
top:90px;
width:375px;
height:90px;
}
#u439-3 {
border-width:0px;
position:absolute;
left:0px;
top:180px;
width:375px;
height:90px;
}
#u439-4 {
border-width:0px;
position:absolute;
left:0px;
top:270px;
width:375px;
height:90px;
}
#u439-5 {
border-width:0px;
position:absolute;
left:0px;
top:360px;
width:375px;
height:90px;
}
#u439-6 {
border-width:0px;
position:absolute;
left:0px;
top:450px;
width:375px;
height:90px;
}
#u439 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:540px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
}
#u445 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u446_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:125px;
height:35px;
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:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u446 {
border-width:0px;
position:absolute;
left:0px;
top:632px;
width:125px;
height:35px;
display:flex;
}
#u446 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u446_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u447_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:125px;
height:35px;
background:inherit;
background-color:rgba(0, 191, 191, 0.996078431372549);
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;
}
#u447 {
border-width:0px;
position:absolute;
left:125px;
top:632px;
width:125px;
height:35px;
display:flex;
}
#u447 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u447_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u448_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:125px;
height:35px;
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:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u448 {
border-width:0px;
position:absolute;
left:250px;
top:632px;
width:125px;
height:35px;
display:flex;
}
#u448 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u448_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u449_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:140px;
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;
}
#u449 {
border-width:0px;
position:absolute;
left:0px;
top:265px;
width:375px;
height:140px;
display:flex;
}
#u449 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u449_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u450_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:179px;
height:132px;
}
#u450 {
border-width:0px;
position:absolute;
left:98px;
top:269px;
width:179px;
height:132px;
display:flex;
}
#u450 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u450_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}