...
|
...
|
@@ -12,5 +12,96 @@ |
|
|
|
|
|
.infos {
|
|
|
width: 554px;
|
|
|
|
|
|
> p {
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
.brand-name {
|
|
|
font-size: 24px;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
|
|
|
.name {
|
|
|
font-size: 14px;
|
|
|
font-weight: bold;
|
|
|
line-height: 1.5;
|
|
|
margin: 16px 0 8px;
|
|
|
}
|
|
|
|
|
|
.intro {
|
|
|
font-size: 12px;
|
|
|
}
|
|
|
|
|
|
.sell-price {
|
|
|
font-size: 20px;
|
|
|
font-weight: bold;
|
|
|
margin-top: 38px;
|
|
|
}
|
|
|
|
|
|
.market-price {
|
|
|
color: #c1c1c1;
|
|
|
font-size: 12px;
|
|
|
margin-top: 6px;
|
|
|
text-decoration: line-through;
|
|
|
}
|
|
|
|
|
|
.option-content {
|
|
|
width: 226px;
|
|
|
margin: 0 auto;
|
|
|
padding: 40px 0;
|
|
|
|
|
|
> p {
|
|
|
line-height: 50px;
|
|
|
}
|
|
|
|
|
|
.title {
|
|
|
color: #c1c1c1;
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
.color-list {
|
|
|
width: 246px;
|
|
|
|
|
|
.round-color {
|
|
|
margin-right: 20px;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.size-list {
|
|
|
width: 236px;
|
|
|
|
|
|
li {
|
|
|
height: 34px;
|
|
|
line-height: 34px;
|
|
|
float: left;
|
|
|
padding: 0 12px;
|
|
|
margin-right: 10px;
|
|
|
text-align: center;
|
|
|
border: 1px solid #f0f0f0;
|
|
|
font-weight: bold;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
|
|
|
.cur {
|
|
|
border: 2px solid #1d1d1d;
|
|
|
}
|
|
|
|
|
|
.disable {
|
|
|
color: #f0f0f0;
|
|
|
cursor: default;
|
|
|
border-color: #f0f0f0 !important;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.btns {
|
|
|
.btn {
|
|
|
width: 300px;
|
|
|
height: 46px;
|
|
|
line-height: 46px;
|
|
|
margin: 0 auto 20px;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
} |
...
|
...
|
|