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

1117 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;
}
#u4728_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;
}
#u4728 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:667px;
display:flex;
opacity:0.5;
}
#u4728 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4728_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u4729_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;
}
#u4729 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u4729 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4729_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u4730_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;
}
#u4730 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u4730 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4730_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u4731 {
border-width:0px;
position:absolute;
left:0px;
top:50px;
width:375px;
height:617px;
}
#u4731_state0 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:617px;
-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;
}
#u4731_state0_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u4732_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:307px;
height:107px;
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;
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;
}
#u4732 {
border-width:0px;
position:absolute;
left:37px;
top:155px;
width:307px;
height:107px;
display:flex;
font-size:14px;
text-align:left;
}
#u4732 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4732_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u4733_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:307px;
height:41px;
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:10px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u4733 {
border-width:0px;
position:absolute;
left:37px;
top:114px;
width:307px;
height:41px;
display:flex;
}
#u4733 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4733_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u4731_state1 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:617px;
-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;
}
#u4731_state1_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u4734_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:307px;
height:107px;
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;
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;
}
#u4734 {
border-width:0px;
position:absolute;
left:37px;
top:155px;
width:307px;
height:107px;
display:flex;
font-size:14px;
text-align:left;
}
#u4734 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4734_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u4735_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:307px;
height:41px;
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:10px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u4735 {
border-width:0px;
position:absolute;
left:37px;
top:114px;
width:307px;
height:41px;
display:flex;
}
#u4735 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4735_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u4731_state2 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:617px;
-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;
}
#u4731_state2_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u4736_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:307px;
height:107px;
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;
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;
}
#u4736 {
border-width:0px;
position:absolute;
left:37px;
top:155px;
width:307px;
height:107px;
display:flex;
font-size:14px;
text-align:left;
}
#u4736 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4736_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u4737_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:307px;
height:41px;
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:10px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u4737 {
border-width:0px;
position:absolute;
left:37px;
top:114px;
width:307px;
height:41px;
display:flex;
}
#u4737 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4737_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u4731_state3 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:617px;
-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;
}
#u4731_state3_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u4738_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:307px;
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-bottom:0px;
border-radius:10px;
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;
}
#u4738 {
border-width:0px;
position:absolute;
left:37px;
top:155px;
width:307px;
height:140px;
display:flex;
font-size:14px;
text-align:left;
}
#u4738 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4738_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u4739_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:307px;
height:41px;
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:10px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u4739 {
border-width:0px;
position:absolute;
left:37px;
top:114px;
width:307px;
height:41px;
display:flex;
}
#u4739 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4739_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u4731_state4 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:617px;
-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;
}
#u4731_state4_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u4740_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:307px;
height:185px;
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;
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;
}
#u4740 {
border-width:0px;
position:absolute;
left:37px;
top:155px;
width:307px;
height:185px;
display:flex;
font-size:14px;
text-align:left;
}
#u4740 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4740_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u4741_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:307px;
height:41px;
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:10px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u4741 {
border-width:0px;
position:absolute;
left:37px;
top:114px;
width:307px;
height:41px;
display:flex;
}
#u4741 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4741_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u4731_state5 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:617px;
-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;
}
#u4731_state5_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u4742_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:307px;
height:185px;
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;
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;
}
#u4742 {
border-width:0px;
position:absolute;
left:37px;
top:155px;
width:307px;
height:185px;
display:flex;
font-size:14px;
text-align:left;
}
#u4742 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4742_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u4743_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:307px;
height:41px;
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:10px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u4743 {
border-width:0px;
position:absolute;
left:37px;
top:114px;
width:307px;
height:41px;
display:flex;
}
#u4743 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4743_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u4731_state6 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:617px;
-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;
}
#u4731_state6_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u4744_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:307px;
height:185px;
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;
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;
}
#u4744 {
border-width:0px;
position:absolute;
left:37px;
top:155px;
width:307px;
height:185px;
display:flex;
font-size:14px;
text-align:left;
}
#u4744 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4744_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u4745_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:307px;
height:41px;
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:10px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u4745 {
border-width:0px;
position:absolute;
left:37px;
top:114px;
width:307px;
height:41px;
display:flex;
}
#u4745 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4745_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u4731_state7 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:617px;
-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;
}
#u4731_state7_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u4746_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:307px;
height:185px;
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;
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;
}
#u4746 {
border-width:0px;
position:absolute;
left:37px;
top:155px;
width:307px;
height:185px;
display:flex;
font-size:14px;
text-align:left;
}
#u4746 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4746_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u4747_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:307px;
height:41px;
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:10px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u4747 {
border-width:0px;
position:absolute;
left:37px;
top:114px;
width:307px;
height:41px;
display:flex;
}
#u4747 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4747_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}