产品原型
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;
}
#u4699_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;
}
#u4699 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:667px;
display:flex;
opacity:0.5;
}
#u4699 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4699_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u4700_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;
}
#u4700 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u4700 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4700_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u4701_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;
}
#u4701 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u4701 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4701_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u4702 {
border-width:0px;
position:absolute;
left:0px;
top:50px;
width:375px;
height:617px;
}
#u4702_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;
}
#u4702_state0_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u4703_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;
}
#u4703 {
border-width:0px;
position:absolute;
left:37px;
top:155px;
width:307px;
height:107px;
display:flex;
font-size:14px;
text-align:left;
}
#u4703 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4703_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u4704_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;
}
#u4704 {
border-width:0px;
position:absolute;
left:37px;
top:114px;
width:307px;
height:41px;
display:flex;
}
#u4704 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4704_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u4702_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;
}
#u4702_state1_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u4705_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;
}
#u4705 {
border-width:0px;
position:absolute;
left:37px;
top:155px;
width:307px;
height:107px;
display:flex;
font-size:14px;
text-align:left;
}
#u4705 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4705_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u4706_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;
}
#u4706 {
border-width:0px;
position:absolute;
left:37px;
top:114px;
width:307px;
height:41px;
display:flex;
}
#u4706 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4706_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u4702_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;
}
#u4702_state2_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u4707_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;
}
#u4707 {
border-width:0px;
position:absolute;
left:37px;
top:155px;
width:307px;
height:107px;
display:flex;
font-size:14px;
text-align:left;
}
#u4707 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4707_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u4708_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;
}
#u4708 {
border-width:0px;
position:absolute;
left:37px;
top:114px;
width:307px;
height:41px;
display:flex;
}
#u4708 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4708_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u4702_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;
}
#u4702_state3_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u4709_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;
}
#u4709 {
border-width:0px;
position:absolute;
left:37px;
top:155px;
width:307px;
height:140px;
display:flex;
font-size:14px;
text-align:left;
}
#u4709 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4709_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u4710_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;
}
#u4710 {
border-width:0px;
position:absolute;
left:37px;
top:114px;
width:307px;
height:41px;
display:flex;
}
#u4710 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4710_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u4702_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;
}
#u4702_state4_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u4711_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;
}
#u4711 {
border-width:0px;
position:absolute;
left:37px;
top:155px;
width:307px;
height:185px;
display:flex;
font-size:14px;
text-align:left;
}
#u4711 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4711_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u4712_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;
}
#u4712 {
border-width:0px;
position:absolute;
left:37px;
top:114px;
width:307px;
height:41px;
display:flex;
}
#u4712 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4712_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u4702_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;
}
#u4702_state5_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u4713_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;
}
#u4713 {
border-width:0px;
position:absolute;
left:37px;
top:155px;
width:307px;
height:185px;
display:flex;
font-size:14px;
text-align:left;
}
#u4713 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4713_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u4714_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;
}
#u4714 {
border-width:0px;
position:absolute;
left:37px;
top:114px;
width:307px;
height:41px;
display:flex;
}
#u4714 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4714_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u4702_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;
}
#u4702_state6_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u4715_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;
}
#u4715 {
border-width:0px;
position:absolute;
left:37px;
top:155px;
width:307px;
height:185px;
display:flex;
font-size:14px;
text-align:left;
}
#u4715 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4715_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u4716_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;
}
#u4716 {
border-width:0px;
position:absolute;
left:37px;
top:114px;
width:307px;
height:41px;
display:flex;
}
#u4716 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4716_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u4702_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;
}
#u4702_state7_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u4717_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;
}
#u4717 {
border-width:0px;
position:absolute;
left:37px;
top:155px;
width:307px;
height:185px;
display:flex;
font-size:14px;
text-align:left;
}
#u4717 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4717_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u4718_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;
}
#u4718 {
border-width:0px;
position:absolute;
left:37px;
top:114px;
width:307px;
height:41px;
display:flex;
}
#u4718 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u4718_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}