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

1099 lines
19 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;
}
#u3049_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;
}
#u3049 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:667px;
display:flex;
opacity:0.5;
}
#u3049 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3049_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u3050_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;
}
#u3050 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u3050 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3050_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u3051_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;
}
#u3051 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u3051 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3051_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3052_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:70px;
height:25px;
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:20px;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
font-weight:700;
font-style:normal;
}
#u3052 {
border-width:0px;
position:absolute;
left:0px;
top:579px;
width:70px;
height:25px;
display:flex;
font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
font-weight:700;
font-style:normal;
}
#u3052 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3052_div.mouseDown {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:70px;
height:25px;
background:inherit;
background-color:rgba(2, 125, 180, 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:20px;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
font-weight:700;
font-style:normal;
}
#u3052.mouseDown {
}
#u3052_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3053_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:365px;
height:204px;
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;
}
#u3053 {
border-width:0px;
position:absolute;
left:5px;
top:287px;
width:365px;
height:204px;
display:flex;
}
#u3053 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3053_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u3054 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u3055_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:75px;
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;
text-align:right;
}
#u3055 {
border-width:0px;
position:absolute;
left:25px;
top:372px;
width:75px;
height:18px;
display:flex;
font-size:16px;
text-align:right;
}
#u3055 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u3055_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u3056_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:10px;
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;
}
#u3056 {
border-width:0px;
position:absolute;
left:101px;
top:376px;
width:10px;
height:18px;
display:flex;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
font-size:16px;
}
#u3056 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u3056_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
.u3058 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
.u3059_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:160px;
height:29px;
background:inherit;
background-color:rgba(242, 242, 242, 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:5px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
font-size:16px;
text-align:left;
}
.u3059 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:160px;
height:29px;
display:flex;
opacity:0.66;
font-size:16px;
text-align:left;
}
.u3059 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u3059_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u3057-1 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:160px;
height:29px;
}
#u3057-2 {
border-width:0px;
position:absolute;
left:0px;
top:29px;
width:160px;
height:29px;
}
#u3057-3 {
border-width:0px;
position:absolute;
left:0px;
top:58px;
width:160px;
height:29px;
}
#u3057 {
border-width:0px;
position:absolute;
left:23px;
top:392px;
width:160px;
height:87px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
}
#u3060 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u3061_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:30px;
background:inherit;
background-color:rgba(217, 0, 27, 0.717647058823529);
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;
}
#u3061 {
border-width:0px;
position:absolute;
left:0px;
top:50px;
width:375px;
height:30px;
display:flex;
}
#u3061 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3061_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u3062_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:18px;
height:20px;
}
#u3062 {
border-width:0px;
position:absolute;
left:21px;
top:54px;
width:18px;
height:20px;
display:flex;
}
#u3062 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3062_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u3063_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:309px;
height:30px;
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;
}
#u3063 {
border-width:0px;
position:absolute;
left:41px;
top:50px;
width:309px;
height:30px;
display:flex;
}
#u3063 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3063_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3064_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:340px;
height:212px;
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:10px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u3064 {
border-width:0px;
position:absolute;
left:18px;
top:105px;
width:340px;
height:212px;
display:flex;
}
#u3064 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3064_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u3065_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:55px;
height:32px;
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:28px;
}
#u3065 {
border-width:0px;
position:absolute;
left:160px;
top:143px;
width:55px;
height:32px;
display:flex;
font-size:28px;
}
#u3065 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u3065_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u3066_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:91px;
height:15px;
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:13px;
}
#u3066 {
border-width:0px;
position:absolute;
left:142px;
top:180px;
width:91px;
height:15px;
display:flex;
font-size:13px;
}
#u3066 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u3066_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u3067_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:61px;
height:15px;
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:13px;
}
#u3067 {
border-width:0px;
position:absolute;
left:157px;
top:128px;
width:61px;
height:15px;
display:flex;
font-size:13px;
}
#u3067 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u3067_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u3068 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u3069_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:110px;
height:64px;
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;
}
#u3069 {
border-width:0px;
position:absolute;
left:24px;
top:236px;
width:110px;
height:64px;
display:flex;
}
#u3069 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3069_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3070_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:110px;
height:64px;
background:inherit;
background-color:rgba(202, 249, 130, 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;
}
#u3070 {
border-width:0px;
position:absolute;
left:24px;
top:236px;
width:110px;
height:64px;
display:flex;
}
#u3070 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3070_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3071 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u3072_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:110px;
height:64px;
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;
}
#u3072 {
border-width:0px;
position:absolute;
left:134px;
top:236px;
width:110px;
height:64px;
display:flex;
}
#u3072 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3072_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3073_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:110px;
height:64px;
background:inherit;
background-color:rgba(202, 249, 130, 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;
}
#u3073 {
border-width:0px;
position:absolute;
left:134px;
top:236px;
width:110px;
height:64px;
display:flex;
}
#u3073 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3073_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3074 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u3075_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:110px;
height:64px;
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;
}
#u3075 {
border-width:0px;
position:absolute;
left:244px;
top:236px;
width:110px;
height:64px;
display:flex;
}
#u3075 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3075_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3076_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:110px;
height:64px;
background:inherit;
background-color:rgba(202, 249, 130, 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;
}
#u3076 {
border-width:0px;
position:absolute;
left:244px;
top:236px;
width:110px;
height:64px;
display:flex;
}
#u3076 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3076_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3077 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u3078_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:617px;
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;
}
#u3078 {
border-width:0px;
position:absolute;
left:0px;
top:50px;
width:375px;
height:617px;
display:flex;
opacity:0.8;
}
#u3078 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3078_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u3079_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:245px;
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;
}
#u3079 {
border-width:0px;
position:absolute;
left:0px;
top:422px;
width:375px;
height:245px;
display:flex;
opacity:0.9;
}
#u3079 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3079_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}