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

1025 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;
}
#u3028_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;
}
#u3028 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:667px;
display:flex;
opacity:0.5;
}
#u3028 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3028_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u3029_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;
}
#u3029 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u3029 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3029_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u3030_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;
}
#u3030 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u3030 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3030_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3031_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:100px;
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;
}
#u3031 {
border-width:0px;
position:absolute;
left:17px;
top:97px;
width:100px;
height:30px;
display:flex;
}
#u3031 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3031_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3032_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:100px;
height:30px;
background:inherit;
background-color:rgba(0, 191, 191, 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;
}
#u3032 {
border-width:0px;
position:absolute;
left:137px;
top:97px;
width:100px;
height:30px;
display:flex;
}
#u3032 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3032_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3033_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:100px;
height:30px;
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:10px;
border-top-left-radius:0px;
border-top-right-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u3033 {
border-width:0px;
position:absolute;
left:257px;
top:97px;
width:100px;
height:30px;
display:flex;
}
#u3033 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3033_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3034 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u3035_input {
position:absolute;
left:0px;
top:0px;
width:300px;
height:30px;
padding:3px 2px 3px 2px;
font-family:'Arial Normal', 'Arial', sans-serif;
font-weight:400;
font-style:normal;
font-size:13px;
letter-spacing:normal;
color:#000000;
vertical-align:none;
text-align:left;
text-transform:none;
background-color:transparent;
border-color:transparent;
}
#u3035_input.disabled {
position:absolute;
left:0px;
top:0px;
width:300px;
height:30px;
padding:3px 2px 3px 2px;
font-family:'Arial Normal', 'Arial', sans-serif;
font-weight:400;
font-style:normal;
font-size:13px;
letter-spacing:normal;
color:#000000;
vertical-align:none;
text-align:left;
text-transform:none;
background-color:transparent;
border-color:transparent;
}
#u3035_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:300px;
height:30px;
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;
}
#u3035 {
border-width:0px;
position:absolute;
left:38px;
top:60px;
width:300px;
height:30px;
display:flex;
}
#u3035 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3035_div.disabled {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:300px;
height:30px;
background:inherit;
background-color:rgba(240, 240, 240, 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;
}
#u3035.disabled {
}
#u3036 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u3037_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:60px;
height:30px;
background:inherit;
background-color:rgba(2, 167, 240, 1);
box-sizing:border-box;
border-width:1px;
border-style:solid;
border-color:rgba(121, 121, 121, 1);
border-radius:10px;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
text-align:left;
}
#u3037 {
border-width:0px;
position:absolute;
left:278px;
top:60px;
width:60px;
height:30px;
display:flex;
text-align:left;
}
#u3037 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3037_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u3038_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:15px;
height:15px;
}
#u3038 {
border-width:0px;
position:absolute;
left:316px;
top:67px;
width:15px;
height:15px;
display:flex;
}
#u3038 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u3038_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u3040_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:350px;
height:130px;
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;
text-align:left;
}
.u3040 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:350px;
height:130px;
display:flex;
text-align:left;
}
.u3040 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u3040_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u3041_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:80px;
height:30px;
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;
font-size:18px;
text-align:right;
}
.u3041 {
border-width:0px;
position:absolute;
left:261px;
top:5px;
width:80px;
height:30px;
display:flex;
opacity:0.8;
font-size:18px;
text-align:right;
}
.u3041 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u3041_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u3042_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:251px;
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;
font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
font-weight:700;
font-style:normal;
font-size:14px;
text-align:left;
}
.u3042 {
border-width:0px;
position:absolute;
left:10px;
top:5px;
width:251px;
height:30px;
display:flex;
font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
font-weight:700;
font-style:normal;
font-size:14px;
text-align:left;
}
.u3042 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u3042_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u3043_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:60px;
height:60px;
}
.u3043 {
border-width:0px;
position:absolute;
left:10px;
top:36px;
width:60px;
height:60px;
display:flex;
}
.u3043 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u3043_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u3044_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:263px;
height:22px;
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;
font-size:11px;
text-align:left;
}
.u3044 {
border-width:0px;
position:absolute;
left:77px;
top:95px;
width:263px;
height:22px;
display:flex;
font-size:11px;
text-align:left;
}
.u3044 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u3044_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
.u3045_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:180px;
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;
text-align:left;
}
.u3045 {
border-width:0px;
position:absolute;
left:74px;
top:36px;
width:180px;
height:30px;
display:flex;
text-align:left;
}
.u3045 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u3045_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
.u3046_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:80px;
height:30px;
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;
text-align:right;
}
.u3046 {
border-width:0px;
position:absolute;
left:260px;
top:36px;
width:80px;
height:30px;
display:flex;
opacity:0.5;
text-align:right;
}
.u3046 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u3046_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
.u3047_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:180px;
height:20px;
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;
font-size:12px;
color:#7F7F7F;
text-align:left;
}
.u3047 {
border-width:0px;
position:absolute;
left:74px;
top:66px;
width:180px;
height:20px;
display:flex;
font-size:12px;
color:#7F7F7F;
text-align:left;
}
.u3047 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u3047_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
.u3048_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:48px;
height:20px;
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;
font-size:12px;
color:#7F7F7F;
text-align:right;
}
.u3048 {
border-width:0px;
position:absolute;
left:292px;
top:66px;
width:48px;
height:20px;
display:flex;
font-size:12px;
color:#7F7F7F;
text-align:right;
}
.u3048 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u3048_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
.u3049_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:350px;
height:130px;
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:10px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
font-size:16px;
text-align:left;
}
.u3049 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:350px;
height:130px;
display:flex;
font-size:16px;
text-align:left;
}
.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:350px;
height:6px;
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;
}
.u3050 {
border-width:0px;
position:absolute;
left:0px;
top:130px;
width:350px;
height:6px;
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;
}
#u3039-1 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:350px;
height:136px;
}
#u3039-2 {
border-width:0px;
position:absolute;
left:0px;
top:136px;
width:350px;
height:136px;
}
#u3039-3 {
border-width:0px;
position:absolute;
left:0px;
top:272px;
width:350px;
height:136px;
}
#u3039-4 {
border-width:0px;
position:absolute;
left:0px;
top:408px;
width:350px;
height:136px;
}
#u3039-5 {
border-width:0px;
position:absolute;
left:0px;
top:544px;
width:350px;
height:136px;
}
#u3039-6 {
border-width:0px;
position:absolute;
left:0px;
top:680px;
width:350px;
height:136px;
}
#u3039-7 {
border-width:0px;
position:absolute;
left:0px;
top:816px;
width:350px;
height:136px;
}
#u3039 {
border-width:0px;
position:absolute;
left:13px;
top:150px;
width:350px;
height:952px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
}