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

1251 lines
21 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;
}
#u403_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;
}
#u403 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:667px;
display:flex;
}
#u403 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u403_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u404_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;
}
#u404 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u404 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u404_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u405_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;
}
#u405 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u405 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u405_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u406_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;
}
#u406 {
border-width:0px;
position:absolute;
left:0px;
top:230px;
width:187px;
height:35px;
display:flex;
}
#u406 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u406_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;
}
#u406.mouseDown {
}
#u406_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u407_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;
}
#u407 {
border-width:0px;
position:absolute;
left:187px;
top:230px;
width:188px;
height:35px;
display:flex;
}
#u407 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u407_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;
}
#u407.mouseDown {
}
#u407_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u408 {
border-width:0px;
position:absolute;
left:5px;
top:55px;
width:364px;
height:160px;
touch-action:none;
}
#u408_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;
}
#u408_state0_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u409 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u410 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u411 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u412 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u413_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;
}
#u413 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:340px;
height:160px;
display:flex;
}
#u413 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u413_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u414_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;
}
#u414 {
border-width:0px;
position:absolute;
left:8px;
top:11px;
width:78px;
height:20px;
display:flex;
font-size:13px;
}
#u414 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u414_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u415_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;
}
#u415 {
border-width:0px;
position:absolute;
left:108px;
top:128px;
width:144px;
height:24px;
display:flex;
font-size:16px;
}
#u415 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u415_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u416_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:100px;
height:107px;
}
#u416 {
border-width:0px;
position:absolute;
left:130px;
top:11px;
width:100px;
height:107px;
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 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u418 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u419_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;
}
#u419 {
border-width:0px;
position:absolute;
left:345px;
top:0px;
width:340px;
height:160px;
display:flex;
}
#u419 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u419_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u420_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;
}
#u420 {
border-width:0px;
position:absolute;
left:353px;
top:11px;
width:78px;
height:20px;
display:flex;
font-size:13px;
}
#u420 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u420_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u421_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;
}
#u421 {
border-width:0px;
position:absolute;
left:453px;
top:128px;
width:144px;
height:24px;
display:flex;
font-size:16px;
}
#u421 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u421_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u422_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:100px;
height:107px;
}
#u422 {
border-width:0px;
position:absolute;
left:475px;
top:11px;
width:100px;
height:107px;
display:flex;
}
#u422 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u422_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u423_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:376px;
height:2px;
}
#u423 {
border-width:0px;
position:absolute;
left:0px;
top:279px;
width:375px;
height:1px;
display:flex;
}
#u423 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u423_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#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: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;
}
#u425 {
border-width:0px;
position:absolute;
left:0px;
top:632px;
width:187px;
height:35px;
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;
}
#u426_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;
}
#u426 {
border-width:0px;
position:absolute;
left:187px;
top:632px;
width:188px;
height:35px;
display:flex;
}
#u426 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u426_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u427 {
border-width:0px;
position:absolute;
left:0px;
top:280px;
width:375px;
height:352px;
}
#u427_state0 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:352px;
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;
}
#u427_state0_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
.u429_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;
}
.u429 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:90px;
display:flex;
font-size:18px;
}
.u429 .text {
position:absolute;
align-self:flex-start;
padding:8px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u429_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u430_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;
}
.u430 {
border-width:0px;
position:absolute;
left:2px;
top:2px;
width:271px;
height:50px;
display:flex;
font-size:14px;
text-align:left;
}
.u430 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u430_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u431_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;
}
.u431 {
border-width:0px;
position:absolute;
left:2px;
top:52px;
width:271px;
height:20px;
display:flex;
opacity:0.7;
font-size:12px;
text-align:left;
}
.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_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:100px;
height:85px;
}
.u432 {
border-width:0px;
position:absolute;
left:273px;
top:2px;
width:100px;
height:85px;
display:flex;
}
.u432 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u432_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u433_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;
}
.u433 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:90px;
display:flex;
}
.u433 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u433_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u428-1 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:90px;
}
#u428-2 {
border-width:0px;
position:absolute;
left:0px;
top:90px;
width:375px;
height:90px;
}
#u428-3 {
border-width:0px;
position:absolute;
left:0px;
top:180px;
width:375px;
height:90px;
}
#u428-4 {
border-width:0px;
position:absolute;
left:0px;
top:270px;
width:375px;
height:90px;
}
#u428-5 {
border-width:0px;
position:absolute;
left:0px;
top:360px;
width:375px;
height:90px;
}
#u428-6 {
border-width:0px;
position:absolute;
left:0px;
top:450px;
width:375px;
height:90px;
}
#u428 {
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;
}
#u434 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u435_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;
}
#u435 {
border-width:0px;
position:absolute;
left:0px;
top:632px;
width:125px;
height:35px;
display:flex;
}
#u435 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u435_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u436_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;
}
#u436 {
border-width:0px;
position:absolute;
left:125px;
top:632px;
width:125px;
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: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;
}
#u437 {
border-width:0px;
position:absolute;
left:250px;
top:632px;
width:125px;
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;
}