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

1162 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;
}
#u231_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;
}
#u231 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:667px;
display:flex;
opacity:0.5;
}
#u231 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u231_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u232_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;
}
#u232 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u232 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u232_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u233_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;
}
#u233 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u233 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u233_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u234_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:100px;
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;
border-top-left-radius:0px;
border-top-right-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u234 {
border-width:0px;
position:absolute;
left:0px;
top:50px;
width:375px;
height:100px;
display:flex;
}
#u234 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u234_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u235_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:50px;
height:50px;
}
#u235 {
border-width:0px;
position:absolute;
left:16px;
top:69px;
width:50px;
height:50px;
display:flex;
}
#u235 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u235_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u236_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:72px;
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;
}
#u236 {
border-width:0px;
position:absolute;
left:88px;
top:76px;
width:72px;
height:18px;
display:flex;
font-size:16px;
}
#u236 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u236_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u237_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:42px;
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;
}
#u237 {
border-width:0px;
position:absolute;
left:88px;
top:103px;
width:42px;
height:16px;
display:flex;
opacity:0.8;
}
#u237 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u237_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u238_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:180px;
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;
}
#u238 {
border-width:0px;
position:absolute;
left:0px;
top:170px;
width:375px;
height:180px;
display:flex;
}
#u238 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u238_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u239_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:25px;
height:25px;
}
#u239 {
border-width:0px;
position:absolute;
left:25px;
top:216px;
width:25px;
height:25px;
display:flex;
}
#u239 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u239_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u240_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:13px;
height:13px;
}
#u240 {
border-width:0px;
position:absolute;
left:31px;
top:222px;
width:13px;
height:13px;
display:flex;
}
#u240 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u240_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u241_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:48px;
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;
}
#u241 {
border-width:0px;
position:absolute;
left:74px;
top:223px;
width:48px;
height:18px;
display:flex;
font-size:16px;
}
#u241 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u241_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u242_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:224px;
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;
}
#u242 {
border-width:0px;
position:absolute;
left:74px;
top:256px;
width:224px;
height:16px;
display:flex;
}
#u242 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u242_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u243_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:130px;
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;
}
#u243 {
border-width:0px;
position:absolute;
left:74px;
top:287px;
width:130px;
height:16px;
display:flex;
opacity:0.7;
}
#u243 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u243_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u244_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:42px;
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;
}
#u244 {
border-width:0px;
position:absolute;
left:112px;
top:323px;
width:42px;
height:16px;
display:flex;
}
#u244 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u244_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u245_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:42px;
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;
}
#u245 {
border-width:0px;
position:absolute;
left:214px;
top:323px;
width:42px;
height:16px;
display:flex;
}
#u245 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u245_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u246_img {
border-width:0px;
position:absolute;
left:0px;
top:-16px;
width:61px;
height:33px;
}
#u246p000 {
border-width:0px;
position:absolute;
left:-3px;
top:-3px;
width:50px;
height:6px;
}
#u246p000_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:50px;
height:6px;
}
#u246p001 {
border-width:0px;
position:absolute;
left:-1px;
top:-1px;
width:4px;
height:4px;
}
#u246p001_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:4px;
height:4px;
}
#u246p002 {
border-width:0px;
position:absolute;
left:21px;
top:-17px;
width:36px;
height:34px;
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
transform:rotate(180deg);
}
#u246p002_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:36px;
height:34px;
}
#u246 {
border-width:0px;
position:absolute;
left:161px;
top:331px;
width:45px;
height:1px;
display:flex;
}
#u246 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u246_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u247_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:180px;
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;
}
#u247 {
border-width:0px;
position:absolute;
left:0px;
top:360px;
width:375px;
height:180px;
display:flex;
}
#u247 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u247_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u248_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:25px;
height:25px;
}
#u248 {
border-width:0px;
position:absolute;
left:25px;
top:406px;
width:25px;
height:25px;
display:flex;
}
#u248 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u248_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u249_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:13px;
height:13px;
}
#u249 {
border-width:0px;
position:absolute;
left:31px;
top:412px;
width:13px;
height:13px;
display:flex;
}
#u249 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u249_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u250_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:48px;
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;
}
#u250 {
border-width:0px;
position:absolute;
left:74px;
top:413px;
width:48px;
height:18px;
display:flex;
font-size:16px;
}
#u250 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u250_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u251_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:238px;
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;
}
#u251 {
border-width:0px;
position:absolute;
left:74px;
top:446px;
width:238px;
height:16px;
display:flex;
}
#u251 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u251_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u252_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:130px;
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;
}
#u252 {
border-width:0px;
position:absolute;
left:74px;
top:477px;
width:130px;
height:16px;
display:flex;
opacity:0.7;
}
#u252 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u252_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u253_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:42px;
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;
}
#u253 {
border-width:0px;
position:absolute;
left:112px;
top:513px;
width:42px;
height:16px;
display:flex;
}
#u253 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u253_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u254_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:42px;
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;
}
#u254 {
border-width:0px;
position:absolute;
left:214px;
top:513px;
width:42px;
height:16px;
display:flex;
}
#u254 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u254_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u255_img {
border-width:0px;
position:absolute;
left:0px;
top:-16px;
width:61px;
height:33px;
}
#u255p000 {
border-width:0px;
position:absolute;
left:-3px;
top:-3px;
width:50px;
height:6px;
}
#u255p000_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:50px;
height:6px;
}
#u255p001 {
border-width:0px;
position:absolute;
left:-1px;
top:-1px;
width:4px;
height:4px;
}
#u255p001_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:4px;
height:4px;
}
#u255p002 {
border-width:0px;
position:absolute;
left:21px;
top:-17px;
width:36px;
height:34px;
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
transform:rotate(180deg);
}
#u255p002_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:36px;
height:34px;
}
#u255 {
border-width:0px;
position:absolute;
left:161px;
top:521px;
width:45px;
height:1px;
display:flex;
}
#u255 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u255_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u256_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
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-radius:10px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
font-size:14px;
text-align:left;
}
#u256 {
border-width:0px;
position:absolute;
left:0px;
top:170px;
width:375px;
height:30px;
display:flex;
opacity:0.8;
font-size:14px;
text-align:left;
}
#u256 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 6px;
box-sizing:border-box;
width:100%;
}
#u256_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u257_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
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-radius:10px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
font-size:14px;
text-align:left;
}
#u257 {
border-width:0px;
position:absolute;
left:0px;
top:360px;
width:375px;
height:30px;
display:flex;
opacity:0.8;
font-size:14px;
text-align:left;
}
#u257 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 6px;
box-sizing:border-box;
width:100%;
}
#u257_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u258_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:84px;
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;
}
#u258 {
border-width:0px;
position:absolute;
left:161px;
top:78px;
width:84px;
height:16px;
display:flex;
opacity:0.8;
}
#u258 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u258_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}