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

946 lines
16 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;
}
#u1632_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:667px;
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;
}
#u1632 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:667px;
display:flex;
}
#u1632 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1632_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1633_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;
}
#u1633 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u1633 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1633_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1634_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;
}
#u1634 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:50px;
display:flex;
}
#u1634 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1634_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u1635_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:187px;
height:35px;
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:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1635 {
border-width:0px;
position:absolute;
left:0px;
top:230px;
width:187px;
height:35px;
display:flex;
}
#u1635 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1635_div.mouseDown {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:187px;
height:35px;
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:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1635.mouseDown {
}
#u1635_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u1636_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:188px;
height:35px;
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:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1636 {
border-width:0px;
position:absolute;
left:187px;
top:230px;
width:188px;
height:35px;
display:flex;
}
#u1636 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1636_div.mouseDown {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:188px;
height:35px;
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:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1636.mouseDown {
}
#u1636_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
}
#u1637 {
border-width:0px;
position:absolute;
left:5px;
top:55px;
width:364px;
height:160px;
touch-action:none;
}
#u1637_state0 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:364px;
height:160px;
-ms-overflow-x:hidden;
overflow-x:hidden;
-ms-overflow-y:hidden;
overflow-y:hidden;
background-image:none;
border:none;
border-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1637_state0_content {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
#u1638 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u1639 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u1640 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u1641 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u1642_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:340px;
height:160px;
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:10px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1642 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:340px;
height:160px;
display:flex;
}
#u1642 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1642_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1643_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:78px;
height:20px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
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:13px;
}
#u1643 {
border-width:0px;
position:absolute;
left:8px;
top:11px;
width:78px;
height:20px;
display:flex;
font-size:13px;
}
#u1643 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u1643_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u1644_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:144px;
height:24px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
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:16px;
}
#u1644 {
border-width:0px;
position:absolute;
left:108px;
top:128px;
width:144px;
height:24px;
display:flex;
font-size:16px;
}
#u1644 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u1644_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u1645_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:100px;
height:107px;
}
#u1645 {
border-width:0px;
position:absolute;
left:130px;
top:11px;
width:100px;
height:107px;
display:flex;
}
#u1645 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1645_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1646 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u1647 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
#u1648_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:340px;
height:160px;
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:10px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#u1648 {
border-width:0px;
position:absolute;
left:345px;
top:0px;
width:340px;
height:160px;
display:flex;
}
#u1648 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1648_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1649_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:78px;
height:20px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
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:13px;
}
#u1649 {
border-width:0px;
position:absolute;
left:353px;
top:11px;
width:78px;
height:20px;
display:flex;
font-size:13px;
}
#u1649 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u1649_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u1650_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:144px;
height:24px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
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:16px;
}
#u1650 {
border-width:0px;
position:absolute;
left:453px;
top:128px;
width:144px;
height:24px;
display:flex;
font-size:16px;
}
#u1650 .text {
position:absolute;
align-self:flex-start;
padding:0px 0px 0px 0px;
box-sizing:border-box;
width:100%;
}
#u1650_text {
border-width:0px;
white-space:nowrap;
text-transform:none;
}
#u1651_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:100px;
height:107px;
}
#u1651 {
border-width:0px;
position:absolute;
left:475px;
top:11px;
width:100px;
height:107px;
display:flex;
}
#u1651 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1651_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1653 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:0px;
height:0px;
}
.u1654_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:90px;
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-radius:5px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
font-size:18px;
}
.u1654 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:90px;
display:flex;
font-size:18px;
}
.u1654 .text {
position:absolute;
align-self:flex-start;
padding:8px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1654_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1655_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:275px;
height:50px;
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;
font-size:14px;
text-align:left;
}
.u1655 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:275px;
height:50px;
display:flex;
font-size:14px;
text-align:left;
}
.u1655 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1655_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1656_div {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:275px;
height:20px;
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;
font-size:12px;
text-align:left;
}
.u1656 {
border-width:0px;
position:absolute;
left:0px;
top:50px;
width:275px;
height:20px;
display:flex;
opacity:0.7;
font-size:12px;
text-align:left;
}
.u1656 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1656_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
.u1657_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:100px;
height:85px;
}
.u1657 {
border-width:0px;
position:absolute;
left:275px;
top:0px;
width:100px;
height:85px;
display:flex;
}
.u1657 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
.u1657_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}
#u1652-1 {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:375px;
height:90px;
}
#u1652-2 {
border-width:0px;
position:absolute;
left:0px;
top:90px;
width:375px;
height:90px;
}
#u1652-3 {
border-width:0px;
position:absolute;
left:0px;
top:180px;
width:375px;
height:90px;
}
#u1652-4 {
border-width:0px;
position:absolute;
left:0px;
top:270px;
width:375px;
height:90px;
}
#u1652-5 {
border-width:0px;
position:absolute;
left:0px;
top:360px;
width:375px;
height:90px;
}
#u1652-6 {
border-width:0px;
position:absolute;
left:0px;
top:450px;
width:375px;
height:90px;
}
#u1652 {
border-width:0px;
position:absolute;
left:0px;
top:280px;
width:375px;
height:540px;
background:inherit;
background-color:rgba(255, 255, 255, 0);
border:none;
border-radius:0px;
}
#u1658_img {
border-width:0px;
position:absolute;
left:0px;
top:0px;
width:376px;
height:2px;
}
#u1658 {
border-width:0px;
position:absolute;
left:0px;
top:280px;
width:375px;
height:1px;
display:flex;
}
#u1658 .text {
position:absolute;
align-self:center;
padding:2px 2px 2px 2px;
box-sizing:border-box;
width:100%;
}
#u1658_text {
border-width:0px;
word-wrap:break-word;
text-transform:none;
visibility:hidden;
}