fe / YOHOBUYPC · Commits

Go to a project

Authored by unknown
Commit 29fdd709e4fcbc9b0a5185e4f67e862ba7352e56 1 parent 3496763b

男首990适配

Inline Side-by-side
Showing 2 changed files with 194 additions and 128 deletions
... ... @@ -15,7 +15,7 @@
/*大banner大图*/
.slide-wrapper {
position: relative;
height: 450px;
height: 387px;
overflow: hidden;
ul {
... ... @@ -40,6 +40,11 @@
&:first-child {
display: block;
}
img {
max-width: 100%;
max-height: 100%;
}
}
}
... ... @@ -83,15 +88,14 @@
/*大banner缩略图*/
.thumb-pagination {
margin: 6px 0 0;
padding: 0 0 0 2px;
margin: 7px 0 0;
li {
position: relative;
float: left;
margin: 0 0 0 6px;
width: 138px;
height: 54px;
width: 118px;
height: 46px;
&:first-child {
margin: 0;
... ... @@ -245,17 +249,17 @@
}
.report-list {
float: left;
width: 868px;
width: 748px;
li {
float: left;
margin: 0 8px 8px 0;
width: 185px;
height: 248px;
width: 158px;
height: 212px;
overflow: hidden;
&:first-child {
margin-right: 7px;
width: 282px;
height: 504px;
width: 242px;
height: 432px;
}
}
... ... @@ -263,8 +267,8 @@
.last-item {
float: left;
width: 282px;
height: 504px;
width: 242px;
height: 432px;
overflow: hidden;
}
}
... ... @@ -365,7 +369,7 @@
.img-brand {
position: relative;
width: 100%;
height: 175px;
height: 150px;
overflow: hidden;
&:hover {
... ... @@ -374,14 +378,14 @@
}
}
ul {
width: 1158px;
width: 998px;
}
li {
float: left;
margin: 0 8px 0 0;
width: 378px;
height: 175px;
line-height: 175px;
width: 325px;
height: 150px;
line-height: 150px;
overflow: hidden;
font-size: 0;
text-align: center;
... ... @@ -427,22 +431,22 @@
/*男首优选品牌 logo品牌*/
.logo-brand {
width: 100%;
height: 282px;
height: 246px;
overflow: hidden;
&.logos-10 {
height: 188px;
height: 164px;
}
ul {
width: 1158px;
width: 998px;
}
li {
float: left;
margin: 8px 8px 0 0;
width: 185px;
height: 86px;
line-height: 86px;
width: 158px;
height: 74px;
line-height: 74px;
font-size: 0;
text-align: center;
img {
... ... @@ -731,108 +735,4 @@
}
@media screen and (min-width: 1150px) {
.home-page {
width: 1150px;
.slide-wrapper {
height: 387px;
}
.debris-slider {
height: 510px;
.left-col {
margin-right: 10px;
a {
width: 280px;
height: 120px;
}
a:first-child {
height: 250px;
}
}
.center-col {
width: 570px;
height: 100%;
margin-right: 10px;
}
.right-col {
a {
width: 280px;
height: 120px;
}
a:first-child {
height: 380px;
}
}
}
.img-slider-wrapper {
height: 558px;
}
.img-container-landscape {
margin: 86px auto 0;
width: 982px;
height: 433px;
.img-item {
width: 320px;
margin-right: 10px;
}
}
.preference-brand-list {
width: 1158px;
}
.preference-brand-item {
margin-right: 8px;
a {
width: 185px;
height: 86px;
}
}
.preference-more {
width: 185px;
height: 86px;
line-height: 100px;
}
.categorys-list {
ul {
width: 1158px;
}
li {
margin: 0 8px 8px 0;
width: 185px;
height: 248px;
&.cate-item0 {
width: 185px;
height: 504px;
}
&.cate-item1 {
width: 377px;
height: 504px;
}
}
}
.floor-header {
margin: 80px 0 40px;
.header-navs {
li {
padding: 1px 15px;
}
}
}
}
}
@import "_index-pliffy";
@import "_index-pliffy", "index1150";
... ...
@media screen and (min-width: 1150px) {
.home-page {
width: 1150px;
.slide-wrapper {
height: 450px;
}
.thumb-pagination {
margin: 6px 0 0;
padding: 0 0 0 2px;
li {
width: 138px;
height: 54px;
}
}
.debris-slider {
height: 510px;
.left-col {
margin-right: 10px;
a {
width: 280px;
height: 120px;
}
a:first-child {
height: 250px;
}
}
.center-col {
width: 570px;
height: 100%;
margin-right: 10px;
}
.right-col {
a {
width: 280px;
height: 120px;
}
a:first-child {
height: 380px;
}
}
}
.new-report {
.report-list {
width: 868px;
li {
width: 185px;
height: 248px;
&:first-child {
width: 282px;
height: 504px;
}
}
}
.last-item {
width: 282px;
height: 504px;
}
}
.img-slider-wrapper {
height: 558px;
}
.img-container-landscape {
margin: 86px auto 0;
width: 982px;
height: 433px;
.img-item {
width: 320px;
margin-right: 10px;
}
}
.preference-brand-list {
width: 1158px;
}
.preference-brand-item {
margin-right: 8px;
a {
width: 185px;
height: 86px;
}
}
.preference-more {
width: 185px;
height: 86px;
line-height: 100px;
}
.img-brand {
height: 175px;
ul {
width: 1158px;
}
li {
width: 378px;
height: 175px;
line-height: 175px;
}
}
.logo-brand {
height: 282px;
&.logos-10 {
height: 188px;
}
ul {
width: 1158px;
}
li {
width: 185px;
height: 86px;
}
}
.categorys-list {
ul {
width: 1158px;
}
li {
margin: 0 8px 8px 0;
width: 185px;
height: 248px;
&.cate-item0 {
width: 185px;
height: 504px;
}
&.cate-item1 {
width: 377px;
height: 504px;
}
}
}
.floor-header {
margin: 80px 0 40px;
.header-navs {
li {
padding: 1px 15px;
}
}
}
}
}
\ No newline at end of file
... ...