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

1105 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;
}
#u3880_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-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u3880 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:667px;
display:flex;
opacity:0.5;
}
#u3880 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3880_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u3881_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;
}
#u3881 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u3881 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3881_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u3882_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;
}
#u3882 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u3882 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3882_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3883 {
border-width:0px;
position:absolute;
left:0px;
top:50px;
width:375px;
height:617px;
}
#u3883_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;
}
#u3883_state0_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u3884_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;
}
#u3884 {
border-width:0px;
position:absolute;
left:37px;
top:155px;
width:307px;
height:107px;
display:flex;
font-size:14px;
text-align:left;
}
#u3884 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3884_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3885_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;
}
#u3885 {
border-width:0px;
position:absolute;
left:37px;
top:114px;
width:307px;
height:41px;
display:flex;
}
#u3885 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3885_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3883_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;
}
#u3883_state1_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u3886_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;
}
#u3886 {
border-width:0px;
position:absolute;
left:37px;
top:155px;
width:307px;
height:107px;
display:flex;
font-size:14px;
text-align:left;
}
#u3886 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3886_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3887_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;
}
#u3887 {
border-width:0px;
position:absolute;
left:37px;
top:114px;
width:307px;
height:41px;
display:flex;
}
#u3887 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3887_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3883_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;
}
#u3883_state2_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u3888_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;
}
#u3888 {
border-width:0px;
position:absolute;
left:37px;
top:155px;
width:307px;
height:107px;
display:flex;
font-size:14px;
text-align:left;
}
#u3888 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3888_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3889_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;
}
#u3889 {
border-width:0px;
position:absolute;
left:37px;
top:114px;
width:307px;
height:41px;
display:flex;
}
#u3889 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3889_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3883_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;
}
#u3883_state3_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u3890_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;
}
#u3890 {
border-width:0px;
position:absolute;
left:37px;
top:155px;
width:307px;
height:140px;
display:flex;
font-size:14px;
text-align:left;
}
#u3890 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3890_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3891_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;
}
#u3891 {
border-width:0px;
position:absolute;
left:37px;
top:114px;
width:307px;
height:41px;
display:flex;
}
#u3891 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3891_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3883_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;
}
#u3883_state4_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u3892_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;
}
#u3892 {
border-width:0px;
position:absolute;
left:37px;
top:155px;
width:307px;
height:185px;
display:flex;
font-size:14px;
text-align:left;
}
#u3892 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3892_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3893_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;
}
#u3893 {
border-width:0px;
position:absolute;
left:37px;
top:114px;
width:307px;
height:41px;
display:flex;
}
#u3893 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3893_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3883_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;
}
#u3883_state5_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u3894_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;
}
#u3894 {
border-width:0px;
position:absolute;
left:37px;
top:155px;
width:307px;
height:185px;
display:flex;
font-size:14px;
text-align:left;
}
#u3894 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3894_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3895_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;
}
#u3895 {
border-width:0px;
position:absolute;
left:37px;
top:114px;
width:307px;
height:41px;
display:flex;
}
#u3895 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3895_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3883_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;
}
#u3883_state6_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u3896_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;
}
#u3896 {
border-width:0px;
position:absolute;
left:37px;
top:155px;
width:307px;
height:185px;
display:flex;
font-size:14px;
text-align:left;
}
#u3896 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3896_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3897_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;
}
#u3897 {
border-width:0px;
position:absolute;
left:37px;
top:114px;
width:307px;
height:41px;
display:flex;
}
#u3897 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3897_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3883_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;
}
#u3883_state7_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u3898_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;
}
#u3898 {
border-width:0px;
position:absolute;
left:37px;
top:155px;
width:307px;
height:185px;
display:flex;
font-size:14px;
text-align:left;
}
#u3898 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3898_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3899_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;
}
#u3899 {
border-width:0px;
position:absolute;
left:37px;
top:114px;
width:307px;
height:41px;
display:flex;
}
#u3899 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3899_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}