pos_xcx/pages/shopinfo/shopinfo.scss

.container {

    // background-color: #F7F7F7;
    .shop-img {
        width: 100%;
        height: 340rpx;

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

    .shop-info {
        height: 290rpx;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        padding-left: 25rpx;
        padding-top: 15rpx;

        >view {
            flex: 1;
            position: relative;
        }

        .stars {
            margin-right: 25rpx;
            border-bottom: 1px solid #ebeef5;
        }

        .address {
            display: flex;
            justify-content: space-between;

            .way {
                position: relative;
                padding-right: 10rpx;

                .checkway {

                    margin-right: 40rpx;
                }

                .next {
                    position: absolute;
                    top: 8rpx;
                    right: 13rpx;
                    width: 30rpx;
                    height: 30rpx;
                }
            }
        }

        .tel {
            margin-top: 20rpx;
        }



    }

    .products {
        margin-top: 10rpx;

        .product {
            display: flex;
            justify-content: flex-start;
            padding: 20rpx 40rpx;

            .product-img {
                image {
                    width: 150rpx;
                    height: 150rpx;
                }
            }

            .product-info {
                padding-left: 20rpx;
                display: flex;
                flex-direction: column;
                justify-content: space-around;

                .price {
                    display: flex;
                    justify-content: flex-start;
                    align-items: center;

                    .new-price {
                        width: 100rpx;
                        height: 60rpx;
                        color: #e40360;
                    }

                    .old-price {
                        width: 80rpx;
                        height: 50rpx;
                        text-decoration: line-through;
                        padding-top: 5rpx;
                    }

                }
            }
        }
    }

    .shop-desc {
        margin: 10rpx 0;

        .desc {
            padding: 20rpx 40rpx;
            text-indent: 20rpx;
            line-height: 50rpx;
        }
    }

    .comments {
        margin-bottom: 10rpx;
        >.comments-end {
            text-align: center;
            padding: 10rpx;
            background-color: #F7F7F7;
        }
    }
}


.padding40 {
    padding-left: 40rpx;
}

.icon {
    position: absolute;
    top: -6rpx;
    left: 0;
}

.shop-title {
    width: 100%;
    height: 90rpx;
    line-height: 90rpx;
    border: 1px solid #ebeef5;
    padding-left: 20rpx;
}