similar.page.css 1.75 KB
.similar-c {
    background-color: #f0f0f0;
    padding-bottom: 30px;

    .good-c {
        border-top: solid 1px #e0e0e0;

        .good-item {
            display: block;
            padding: 20px 30px;
            border-bottom: solid 1px #e0e0e0;
            position: relative;
            background-color: #fff;

            .pic {
                width: 152px;
                height: 203px;
                float: left;
            }

            img {
                width: 100%;
                height: 100%;
            }

            .info {
                width: 508px;
                float: left;
                margin-left: 30px;
            }

            .name {
                padding: 5px 0;
                font-size: 28px;
                color: #444;
                line-height: 40px;
                height: 170px;
                overflow: hidden;
            }

            .price {
                line-height: 33px;
            }

            .now {
                font-size: 34px;
                color: #d0021b;
                margin-right: 10px;
            }

            .old {
                font-size: 20px;
                color: #444;
                text-decoration: line-through;
            }

            .btn {
                height: 36px;
                line-height: 36px;
                color: #d0021b;
                font-size: 20px;
                border: solid 2px #d0021b;
                border-radius: 3px;
                position: absolute;
                bottom: 20px;
                right: 30px;
                text-align: center;
                padding: 0 10px;
            }
        }
    }

    .big-title {
        font-size: 28px;
        color: #b0b0b0;
        line-height: 88px;
        text-align: center;
    }
}