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

1061 lines
18 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;
}
#u1046_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;
}
#u1046 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:667px;
display:flex;
opacity:0.5;
}
#u1046 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1046_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1047_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;
}
#u1047 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u1047 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1047_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1048 {
border-width:0px;
position:absolute;
left:0px;
top:50px;
width:375px;
height:582px;
}
#u1048_state0 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:582px;
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;
}
#u1048_state0_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u1049 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u1050_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:62px;
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;
}
#u1050 {
border-width:0px;
position:absolute;
left:0px;
top:360px;
width:375px;
height:62px;
display:flex;
}
#u1050 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1050_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1051_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:65px;
height:18px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
font-size:16px;
}
#u1051 {
border-width:0px;
position:absolute;
left:16px;
top:377px;
width:65px;
height:18px;
display:flex;
font-size:16px;
}
#u1051 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u1051_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u1052_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:103px;
height:16px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1052 {
border-width:0px;
position:absolute;
left:16px;
top:399px;
width:103px;
height:16px;
display:flex;
opacity:0.7;
}
#u1052 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u1052_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u1053_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:121px;
height:2px;
}
#u1053 {
border-width:0px;
position:absolute;
left:10px;
top:408px;
width:120px;
height:1px;
display:flex;
opacity:0.8;
}
#u1053 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1053_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1054 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u1055_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:44px;
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-right:0px;
border-radius:0px;
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1055 {
border-width:0px;
position:absolute;
left:0px;
top:422px;
width:375px;
height:44px;
display:flex;
}
#u1055 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1055_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1056_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:167px;
height:18px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
font-size:16px;
}
#u1056 {
border-width:0px;
position:absolute;
left:7px;
top:437px;
width:167px;
height:18px;
display:flex;
font-size:16px;
}
#u1056 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u1056_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u1057_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:28px;
height:16px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1057 {
border-width:0px;
position:absolute;
left:335px;
top:437px;
width:28px;
height:16px;
display:flex;
}
#u1057 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u1057_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u1058_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:2020px;
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;
}
#u1058 {
border-width:0px;
position:absolute;
left:0px;
top:466px;
width:375px;
height:2020px;
display:flex;
}
#u1058 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1058_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1059_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:324px;
}
#u1059 {
border-width:0px;
position:absolute;
left:0px;
top:1272px;
width:375px;
height:324px;
display:flex;
}
#u1059 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1059_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1060 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u1061_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:279px;
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;
}
#u1061 {
border-width:0px;
position:absolute;
left:0px;
top:258px;
width:375px;
height:279px;
display:flex;
}
#u1061 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1061_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1062_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:28px;
height:18px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1062 {
border-width:0px;
position:absolute;
left:28px;
top:333px;
width:28px;
height:18px;
display:flex;
}
#u1062 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u1062_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u1063_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:28px;
height:18px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1063 {
border-width:0px;
position:absolute;
left:292px;
top:333px;
width:28px;
height:18px;
display:flex;
}
#u1063 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u1063_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u1064_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:28px;
height:18px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1064 {
border-width:0px;
position:absolute;
left:28px;
top:361px;
width:28px;
height:18px;
display:flex;
}
#u1064 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u1064_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u1065_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:14px;
height:18px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1065 {
border-width:0px;
position:absolute;
left:292px;
top:361px;
width:14px;
height:18px;
display:flex;
}
#u1065 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u1065_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u1066_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:28px;
height:18px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1066 {
border-width:0px;
position:absolute;
left:28px;
top:390px;
width:28px;
height:18px;
display:flex;
}
#u1066 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u1066_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u1067_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:64px;
height:18px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1067 {
border-width:0px;
position:absolute;
left:292px;
top:390px;
width:64px;
height:18px;
display:flex;
}
#u1067 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u1067_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u1068_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:56px;
height:16px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1068 {
border-width:0px;
position:absolute;
left:159px;
top:283px;
width:56px;
height:16px;
display:flex;
}
#u1068 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u1068_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u1069_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:18px;
height:18px;
}
#u1069 {
border-width:0px;
position:absolute;
left:345px;
top:265px;
width:18px;
height:18px;
display:flex;
}
#u1069 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1069_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1070_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:842px;
}
#u1070 {
border-width:0px;
position:absolute;
left:0px;
top:1596px;
width:375px;
height:842px;
display:flex;
}
#u1070 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1070_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1071_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:324px;
}
#u1071 {
border-width:0px;
position:absolute;
left:0px;
top:13px;
width:375px;
height:324px;
display:flex;
}
#u1071 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1071_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1072_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:450px;
}
#u1072 {
border-width:0px;
position:absolute;
left:0px;
top:466px;
width:375px;
height:450px;
display:flex;
}
#u1072 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1072_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1073_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:356px;
}
#u1073 {
border-width:0px;
position:absolute;
left:0px;
top:916px;
width:375px;
height:356px;
display:flex;
}
#u1073 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1073_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1074_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;
}
#u1074 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u1074 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1074_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u1075_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
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;
}
#u1075 {
border-width:0px;
position:absolute;
left:0px;
top:632px;
width:375px;
height:35px;
display:flex;
}
#u1075 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1075_div.mouseDown {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
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;
}
#u1075.mouseDown {
}
#u1075_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}