_index.scss 4.49 KB

/*首页990*/
.min-screen {
.home-page {
	width: 990px;

    /*大banner*/
	.slide-container {
        height: 387px;

        &.slide-thumb-container {
            height: 440px;
        }

		img {
			display: block;
		}
	}

    .slide-container-placeholder {
        height: 387px;

        &.slide-thumb-container-placeholder {
            height: 440px;
        }
    }
    
    /*大banner大图*/
	.slide-wrapper { 
		height: 387px; 

		li {
            a {
                width: 990px;
            }
		}
	}
    
    /*大图上的左右切换按钮*/
    .slide-switch {
        display: block;
        /* @include opacity(0);
        @include transition-property(opacity);
        @include transition-duration(.2s);
        @include transition-timing-function(ease-in); */
        a {
            &.prev {
                margin-left: -495px;
            }

            &.next {
                margin-right: -495px;
            }

            &:hover{
                @include opacity(0.9);
            }
        }
    }
    
    /*大banner缩略图*/
    .thumb-pagination {
        width: 990px;
        margin: 7px auto 0;
        padding: 0;

        li {
            width: 118px;
            height: 46px;
        }
    }
    
    

    /*女首碎片banner*/
    .debris-slider {
        height: 440px;

        .left-col {
            margin-right: 9px;

            a {
                width: 240px;
                height: 103px;
            }

            a:first-child {
                height: 214px;
            }
        }

        .center-col {
            width: 492px;
            margin-right: 9px;
        }

        .right-col a {
            width: 240px;
            height: 103px;
        }

        .right-col a:first-child {
            height: 326px;
            margin-bottom: 10px;
        }
    }
    
    /*男首最新速报*/
    .new-report {
        .report-list {
            width: 748px;
            li {
                width: 158px;
                height: 212px;
                &:first-child {
                    width: 242px;
                    height: 432px;
                }

            }
        }
        
        .last-item {
            width: 242px;
            height: 432px;
        }
    }
    
    /*优选品牌*/
    .preference-brand-list {
        width: 998px;
    }

    .preference-brand-item {
        margin-right: 7px;

        a {
            width: 159px;
            height: 74px;
        }
    }

    .preference-more {
        width: 159px;
        height: 74px;
        line-height: 90px;
    }

    .img-slider-wrapper {
        height: 480px;
    }

    .img-container-landscape {
        margin: 73px auto 0;
        width: 844px;
        height: 370px;

        .img-item {
            width: 275px;
            height: 100%;
            margin-right: 9px;
        }
    }
    
    /*男首优选品牌 图片品牌*/
    .img-brand {
        height: 150px;
        ul {
            width: 998px;
        }
        li {
            width: 325px;
            height: 150px;
            line-height: 150px;
        }
        .logo-brand-switch {
            .iconfont {
                font-size: 24px;
                
                &.prev {
                    top: -12px;
                }
                &.bottom {
                    bottom:  -12px;
                }
            }
        }
    }
    
    

    /*男首优选品牌 logo品牌*/
    .logo-brand {
        height: 246px;

        &.logos-10 {
            height: 164px;
        }

        ul {
            width: 998px;
        }
        li {
            margin: 8px 8px 0 0;
            width: 158px;
            height: 74px;
            line-height: 74px;
        }
    }
    
    /*创意生活商品分类*/
    .categorys-list {
        ul {
            width: 1004px;
        }
        li {
            margin: 0 7px 7px 0;
            width: 161px;
            height: 214px;

            &.cate-item0 {
                width: 160px;
                height: 435px;
            }
            &.cate-item1 {
                width: 326px;
                height: 435px;
            }
        }
    }

	

	.floor-header {
	    margin: 50px 0 30px;

	    .header-navs {

	        li {
	            padding: 1px 10px;
            }
	    }
	}
}
}

@import "index1150","_index-pliffy";