fe / YOHOBUYWAP · Commits

Go to a project

Authored by unknown
Commit c5e29549540d6e8c80c84e94b66d5e432eeedb04 1 parent 7c78006f

hotrank 990 css

Inline Side-by-side
Showing 1 changed file with 61 additions and 24 deletions
.hotrank-page {
width: 1150px;
.hotrank-page {
width: 990px;
margin: 0 auto;
.popular-goods {
.popular-list {
width: 1160px;
}
.popular-list {
width: 1160px;
li {
position: relative;
float: left;
width: 378px;
height: 596px;
width: 324px;
height: 521px;
overflow: hidden;
list-style: none;
margin: 0 8px 0 0;
.item-img {
width: 378px;
height: 506px;
line-height: 506px;
width: 100%;
height: 434px;
line-height: 434px;
text-align: center;
overflow: hidden;
}
... ... @@ -44,7 +42,7 @@
}
.item-content {
width: 378px;
width: 100%;
padding: 14px 0 0 0;
height: 77px;
overflow: hidden;
... ... @@ -84,20 +82,16 @@
.popular-item7,
.popular-item8,
.popular-item9 {
width: 280px;
height: 464px;
width: 240px;
height: 408px;
margin: 0 10px 0 0;
overflow: hidden;
.item-img {
width: 280px;
height: 374px;
line-height: 374px;
height: 320px;
line-height: 320px;
}
.item-content {
width: 280px;
}
}
}
... ... @@ -145,8 +139,8 @@
width: 1160px;
.good-info {
width: 280px;
height: 464px;
width: 240px;
height: 408px;
margin: 10px 10px 0 0;
.tag-container {
... ... @@ -154,8 +148,8 @@
}
.good-detail-img {
height: 374px;
line-height: 374px;
height: 320px;
line-height: 320px;
text-align: center;
font-size: 0;
... ... @@ -250,3 +244,46 @@
}
}
}
@media screen and (min-width: 1150px) {
.hotrank-page {
width: 1150px;
.popular-list {
li {
width: 378px;
height: 596px;
.item-img {
height: 506px;
line-height: 506px;
}
}
.popular-item6,
.popular-item7,
.popular-item8,
.popular-item9 {
width: 280px;
height: 464px;
.item-img {
height: 374px;
line-height: 374px;
}
}
}
.hot-week-list {
.good-info {
width: 280px;
height: 464px;
.good-detail-img {
height: 374px;
line-height: 374px;
}
}
}
}
}
\ No newline at end of file
... ...