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

1174 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;
}
#u2120_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;
}
#u2120 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:667px;
display:flex;
opacity:0.5;
}
#u2120 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2120_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u2121_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;
}
#u2121 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u2121 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2121_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u2122_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;
}
#u2122 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u2122 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2122_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u2123_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;
}
#u2123 {
border-width:0px;
position:absolute;
left:0px;
top:65px;
width:375px;
height:100px;
display:flex;
}
#u2123 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2123_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u2124_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:50px;
height:50px;
}
#u2124 {
border-width:0px;
position:absolute;
left:16px;
top:84px;
width:50px;
height:50px;
display:flex;
}
#u2124 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2124_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u2125_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;
}
#u2125 {
border-width:0px;
position:absolute;
left:88px;
top:91px;
width:72px;
height:18px;
display:flex;
font-size:16px;
}
#u2125 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u2125_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u2126_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;
}
#u2126 {
border-width:0px;
position:absolute;
left:88px;
top:118px;
width:42px;
height:16px;
display:flex;
opacity:0.8;
}
#u2126 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u2126_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u2127_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;
}
#u2127 {
border-width:0px;
position:absolute;
left:0px;
top:180px;
width:375px;
height:180px;
display:flex;
}
#u2127 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2127_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u2128_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:25px;
height:25px;
}
#u2128 {
border-width:0px;
position:absolute;
left:25px;
top:226px;
width:25px;
height:25px;
display:flex;
}
#u2128 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2128_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u2129_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:13px;
height:13px;
}
#u2129 {
border-width:0px;
position:absolute;
left:31px;
top:232px;
width:13px;
height:13px;
display:flex;
}
#u2129 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2129_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u2130_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;
}
#u2130 {
border-width:0px;
position:absolute;
left:74px;
top:233px;
width:48px;
height:18px;
display:flex;
font-size:16px;
}
#u2130 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u2130_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u2131_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;
}
#u2131 {
border-width:0px;
position:absolute;
left:74px;
top:266px;
width:224px;
height:16px;
display:flex;
}
#u2131 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u2131_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u2132_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;
}
#u2132 {
border-width:0px;
position:absolute;
left:74px;
top:297px;
width:130px;
height:16px;
display:flex;
opacity:0.7;
}
#u2132 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u2132_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u2133_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;
}
#u2133 {
border-width:0px;
position:absolute;
left:112px;
top:333px;
width:42px;
height:16px;
display:flex;
}
#u2133 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u2133_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u2134_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;
}
#u2134 {
border-width:0px;
position:absolute;
left:214px;
top:333px;
width:42px;
height:16px;
display:flex;
}
#u2134 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u2134_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u2135_img {
border-width:0px;
position:absolute;
left:0px;
top:-16px;
width:61px;
height:33px;
}
#u2135p000 {
border-width:0px;
position:absolute;
left:-3px;
top:-3px;
width:50px;
height:6px;
}
#u2135p000_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:50px;
height:6px;
}
#u2135p001 {
border-width:0px;
position:absolute;
left:-1px;
top:-1px;
width:4px;
height:4px;
}
#u2135p001_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:4px;
height:4px;
}
#u2135p002 {
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);
}
#u2135p002_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:36px;
height:34px;
}
#u2135 {
border-width:0px;
position:absolute;
left:161px;
top:341px;
width:45px;
height:1px;
display:flex;
}
#u2135 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2135_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u2136_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;
}
#u2136 {
border-width:0px;
position:absolute;
left:0px;
top:375px;
width:375px;
height:180px;
display:flex;
}
#u2136 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2136_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u2137_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:25px;
height:25px;
}
#u2137 {
border-width:0px;
position:absolute;
left:25px;
top:421px;
width:25px;
height:25px;
display:flex;
}
#u2137 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2137_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u2138_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:13px;
height:13px;
}
#u2138 {
border-width:0px;
position:absolute;
left:31px;
top:427px;
width:13px;
height:13px;
display:flex;
}
#u2138 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2138_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u2139_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;
}
#u2139 {
border-width:0px;
position:absolute;
left:74px;
top:428px;
width:48px;
height:18px;
display:flex;
font-size:16px;
}
#u2139 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u2139_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u2140_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;
}
#u2140 {
border-width:0px;
position:absolute;
left:74px;
top:461px;
width:238px;
height:16px;
display:flex;
}
#u2140 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u2140_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u2141_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;
}
#u2141 {
border-width:0px;
position:absolute;
left:74px;
top:492px;
width:130px;
height:16px;
display:flex;
opacity:0.7;
}
#u2141 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u2141_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u2142_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;
}
#u2142 {
border-width:0px;
position:absolute;
left:112px;
top:528px;
width:42px;
height:16px;
display:flex;
}
#u2142 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u2142_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u2143_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;
}
#u2143 {
border-width:0px;
position:absolute;
left:214px;
top:528px;
width:42px;
height:16px;
display:flex;
}
#u2143 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u2143_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u2144_img {
border-width:0px;
position:absolute;
left:0px;
top:-16px;
width:61px;
height:33px;
}
#u2144p000 {
border-width:0px;
position:absolute;
left:-3px;
top:-2px;
width:50px;
height:6px;
}
#u2144p000_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:50px;
height:6px;
}
#u2144p001 {
border-width:0px;
position:absolute;
left:-1px;
top:0px;
width:4px;
height:2px;
}
#u2144p001_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:4px;
height:2px;
}
#u2144p002 {
border-width:0px;
position:absolute;
left:21px;
top:-16px;
width:36px;
height:34px;
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
transform:rotate(180deg);
}
#u2144p002_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:36px;
height:34px;
}
#u2144 {
border-width:0px;
position:absolute;
left:161px;
top:536px;
width:45px;
height:1px;
display:flex;
}
#u2144 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u2144_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u2145_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;
}
#u2145 {
border-width:0px;
position:absolute;
left:0px;
top:180px;
width:375px;
height:30px;
display:flex;
opacity:0.8;
font-size:14px;
text-align:left;
}
#u2145 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 6px;
box-sizing:border-box;
width:100%;
}
#u2145_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u2146_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;
}
#u2146 {
border-width:0px;
position:absolute;
left:0px;
top:375px;
width:375px;
height:30px;
display:flex;
opacity:0.8;
font-size:14px;
text-align:left;
}
#u2146 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 6px;
box-sizing:border-box;
width:100%;
}
#u2146_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u2147_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;
}
#u2147 {
border-width:0px;
position:absolute;
left:161px;
top:93px;
width:84px;
height:16px;
display:flex;
opacity:0.8;
}
#u2147 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u2147_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}