product-description.scss 4.69 KB
.good-detail-page {
    .goods-desc {
        padding-top: 20px;
        padding-bottom: 20px;

        .service {
            height: 28px;
            background: url("img/product/service.png") no-repeat;
            background-size: 100%;

            &.not-support-exchange {
                background: url("img/product/not-support-exchange.png") no-repeat;
                background-size: 100%;
            }

            &.surpass-not-support {
                background: url("img/product/surpass-not-support.png") no-repeat;
                background-size: 100%;
            }
        }

        .detail {
            margin-bottom: 1px;
        }

        .desc-text {
            padding: 16px 12px;
            background-color: $tableCellC;
            color: $mainFontC;
            font-size: 24px;
        }
    }

    .tips {
        margin-top: 20px;
        color: $subFontC;
        font-size: 18px;
    }

    .materials {
        overflow: hidden;

        &.page-block {
            margin-bottom: 0;
            border-bottom: none;

            .detail {
                margin-bottom: 0;
            }
        }

        .detail {
            .material-item {
                position: relative;
                display: block;
                overflow: hidden;
                margin: 10px 0;
                width: 100%;
                height: auto;

                img {
                    margin: 0;
                }

                .material-image {
                    position: absolute;
                    top: 50%;
                    left: 0;
                    width: 23%;
                    transform: translateY(-50%);
                }

                .material-desc {
                    float: right;
                    box-sizing: border-box;
                    padding-left: 2%;
                    width: 76.9%;
                    height: auto;
                    color: #4b4b4b;
                    text-align: left;
                    word-wrap: break-word;
                    font-size: 24px;
                    line-height: 38px;
                }

                &:last-child {
                    border-bottom: none;
                }
            }
        }
    }

    .wash-tips {
        padding-top: 20px;

        &.page-block {
            padding-right: 15px;
            padding-left: 15px;
        }

        .tip {
            display: inline-block;
            vertical-align: top;
            width: 16.6%;

            img {
                margin-bottom: 10px;
                width: 48px;
                height: 48px;
            }

            .caption {
                display: block;
                padding: 0 13px;
                min-height: 44px;
                text-align: center;
                font-size: 18px;
                line-height: 22px;
            }
        }
    }

    .product-detail {
        margin-bottom: 20px;

        .detail {
            img {
                margin-top: 20px;
                width: 581px;
                height: auto;
            }

            a {
                color: #2f91f6;
                text-decoration: underline;
            }
        }
    }

    .detail-swiper .swiper-wrapper .swiper-slide {
        width: auto;

        div {
            text-align: center;

            &.cell {
                padding: 0 40px;
                border: 1px solid #fff;
                background-color: $tableCellC;
                font-size: 24px;
                line-height: 53px;
            }
        }
    }

    /*
    模特
    */
    #reference-swiper-container {
        .first-group {
            margin-top: 55px;
            width: 70px;

            div {
                height: 55px;

                .avatar {
                    display: inline-block;
                    margin-top: 7px;
                    width: 40px;
                    border-radius: 50%;
                }
            }
        }
    }

    /*
    测量方法
    */
    .measurement-method {
        .detail {
            margin-top: 0;
            margin-bottom: 0;
            width: 100%;

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

    /*
    价格说明
    */
    .price-desc-detail {
        padding: 10px 0;
        color: #b0b0b0;
        font-size: 18px;
        margin-top: 5px;

        p {
            line-height: 1.45;
            padding: 4px 0;
        }

        .price-item-name {
            font-size: 20px;
            line-height: 1.5;
            color: #444;
            padding-bottom: 0;
        }

        .price-item-content {
            font-weight: 300;
        }

        .price-summary {
            margin: 5px 0;
            font-weight: 300;
        }
    }
}