_index-pliffy.scss 1.99 KB
.girls,.kids,.lifestyle{
    .commodity{
        .commodity-list{
            li{
                width: 280px;
                a{
                    display: block;
                    width: 280px;
                    height: 465px;
                    position: relative;
                }
                i{
                    position: absolute;
                    bottom: 0;
                    width: 100%;
                    height: 20px;
                    background: #ffac5b;
                    color: #fff;
                    line-height: 20px;
                    text-align: center;
                    font-size: 12px;
                }
                i.top{
                    position: absolute;
                    width: 60px;
                    height: 60px;
                    top: 10px;
                    right: 10px;
                    line-height: 60px;
                    background-color: rgb(255,87,92);
                    font-size: 20px;
                    color: #fff;
                    border-radius: 30px;
                }
                .commodity-img{
                    img{
                        width: 280px;
                        height: 374px;
                    }
                }
            }
        }
    }
}
.boys{
    .commodity-list i{
                position: absolute;
                top: -20px;
                display: block;
                width: 64px;
                height: 20px;
            }
    .tpl-keywords{
        .keywords0{
            img{
                height: 152px;
            }
            margin-bottom: 10px;
        }
        .keywords1{
            img{
                height: 86px;
            }
        }
    }
    
}
.girls{
    .tpl-keywords{
        img{
            height: 76px !important;
        }
        .keywords0{
            margin-bottom: 10px;
        }
        .keywords1{
            margin-bottom: 10px;
        }
    }
    .tpl-brands img{
        height: 502px !important;
        width: 100% !important;
    }
}