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

870 lines
15 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;
}
#u1849_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;
}
#u1849 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:667px;
display:flex;
opacity:0.5;
}
#u1849 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1849_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1850_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;
}
#u1850 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u1850 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1850_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1851_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;
}
#u1851 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u1851 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1851_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
.u1853_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:368px;
height:45px;
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;
text-align:left;
}
.u1853 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:368px;
height:45px;
display:flex;
text-align:left;
}
.u1853 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1853_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1854_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:216px;
height:32px;
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:5px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
text-align:left;
}
.u1854 {
border-width:0px;
position:absolute;
left:83px;
top:7px;
width:216px;
height:32px;
display:flex;
text-align:left;
}
.u1854 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 6px;
box-sizing:border-box;
width:100%;
}
.u1854_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1855 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
.u1856_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:46px;
height:38px;
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;
}
.u1856 {
border-width:0px;
position:absolute;
left:34px;
top:4px;
width:46px;
height:38px;
display:flex;
}
.u1856 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1856_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1857_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:46px;
height:38px;
}
.u1857 {
border-width:0px;
position:absolute;
left:34px;
top:4px;
width:46px;
height:38px;
display:flex;
}
.u1857 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1857_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1858_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:26px;
height:32px;
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:5px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
text-align:left;
}
.u1858 {
border-width:0px;
position:absolute;
left:6px;
top:7px;
width:26px;
height:32px;
display:flex;
text-align:left;
}
.u1858 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 6px;
box-sizing:border-box;
width:100%;
}
.u1858_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1859_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:37px;
height:32px;
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:5px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
text-align:right;
}
.u1859 {
border-width:0px;
position:absolute;
left:308px;
top:7px;
width:37px;
height:32px;
display:flex;
text-align:right;
}
.u1859 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 6px;
box-sizing:border-box;
width:100%;
}
.u1859_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1860_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:14px;
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;
}
.u1860 {
border-width:0px;
position:absolute;
left:346px;
top:15px;
width:14px;
height:16px;
display:flex;
}
.u1860 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
.u1860_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u1852-1 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:368px;
height:45px;
}
#u1852-2 {
border-width:0px;
position:absolute;
left:0px;
top:45px;
width:368px;
height:45px;
}
#u1852-3 {
border-width:0px;
position:absolute;
left:0px;
top:90px;
width:368px;
height:45px;
}
#u1852-4 {
border-width:0px;
position:absolute;
left:0px;
top:135px;
width:368px;
height:45px;
}
#u1852-5 {
border-width:0px;
position:absolute;
left:0px;
top:180px;
width:368px;
height:45px;
}
#u1852-6 {
border-width:0px;
position:absolute;
left:0px;
top:225px;
width:368px;
height:45px;
}
#u1852-7 {
border-width:0px;
position:absolute;
left:0px;
top:270px;
width:368px;
height:45px;
}
#u1852-8 {
border-width:0px;
position:absolute;
left:0px;
top:315px;
width:368px;
height:45px;
}
#u1852-9 {
border-width:0px;
position:absolute;
left:0px;
top:360px;
width:368px;
height:45px;
}
#u1852-10 {
border-width:0px;
position:absolute;
left:0px;
top:405px;
width:368px;
height:45px;
}
#u1852-11 {
border-width:0px;
position:absolute;
left:0px;
top:450px;
width:368px;
height:45px;
}
#u1852 {
border-width:0px;
position:absolute;
left:3px;
top:525px;
width:368px;
height:495px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
}
#u1861_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;
}
#u1861 {
border-width:0px;
position:absolute;
left:0px;
top:620px;
width:70px;
height:25px;
display:flex;
font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
font-weight:700;
font-style:normal;
}
#u1861 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1861_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;
}
#u1861.mouseDown {
}
#u1861_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u1862_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:360px;
height:404px;
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;
}
#u1862 {
border-width:0px;
position:absolute;
left:7px;
top:55px;
width:360px;
height:404px;
display:flex;
}
#u1862 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1862_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1863_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:360px;
height:404px;
}
#u1863 {
border-width:0px;
position:absolute;
left:7px;
top:55px;
width:360px;
height:404px;
display:flex;
}
#u1863 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1863_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1864_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;
font-size:16px;
}
#u1864 {
border-width:0px;
position:absolute;
left:293px;
top:66px;
width:64px;
height:18px;
display:flex;
opacity:0.6;
font-size:16px;
}
#u1864 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u1864_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u1865_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:284px;
height:39px;
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;
}
#u1865 {
border-width:0px;
position:absolute;
left:43px;
top:470px;
width:284px;
height:39px;
display:flex;
}
#u1865 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1865_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u1866_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:36px;
height:36px;
}
#u1866 {
border-width:0px;
position:absolute;
left:67px;
top:471px;
width:36px;
height:36px;
display:flex;
}
#u1866 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1866_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1867_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:22px;
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;
}
#u1867 {
border-width:0px;
position:absolute;
left:300px;
top:481px;
width:22px;
height:16px;
display:flex;
}
#u1867 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u1867_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u1868_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:8px;
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;
}
#u1868 {
border-width:0px;
position:absolute;
left:53px;
top:480px;
width:8px;
height:16px;
display:flex;
}
#u1868 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u1868_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}