page {
    background: #f6f6f6;
    padding-bottom: 140rpx;
}
.store {
    margin:30rpx ;
    border-radius: 30rpx;
    background: #ffffff;
    padding: 20rpx 20rpx 1rpx 20rpx;

    .store-name {
        font-size: 42rpx;
    }

    .store-box {
        display: flex;
        justify-content: space-between;
        margin-top: 10rpx;

        .store-evaluation {
            display: flex;
            color: red;

            .price {
                font-size: 28rpx;
                margin-top: 8rpx;
            }

            .evaluation {
                font-size: 28rpx;
                margin: 8rpx 20rpx 0 20rpx;
                color: #ffd21e;
            }
        }

        .evaluation-number {
            margin-top: 10rpx;
            font-size: 28rpx;
        }
    }

    .box-image {
        white-space: nowrap;
        box-sizing: border-box;
        margin-top: 30rpx;

        .images {
            display: inline-block;
            width: 200rpx;
            height: 150rpx;
            margin-right: 10rpx;
        }
    }

    .box-title {
        display: flex;
        justify-content: space-between;
        border-bottom: 1rpx solid #f6f6f6;
        padding: 20rpx 0;

        .box-time {
            display: flex;

            .state {
                margin-right: 20rpx;
            }
        }

    }

    .address {
        width: 100%;
        padding: 30rpx 0;
        display: flex;
        border-bottom: 1rpx solid #f6f6f6;

        .address-details {
            width: 75%;

            overflow: hidden; //一定要写
            text-overflow: ellipsis; //超出省略号
            display: -webkit-box; //一定要写
            -webkit-line-clamp: 2; //控制行数
            -webkit-box-orient: vertical; //一定要写

            .addres {
                height: 80rpx;
            }

            .way {
                display: flex;
                margin-top: 20rpx;
                color: #afa9a9;
                font-size: 24rpx;
            }

        }

        .taxi {
            display: flex;
            justify-content: space-between;
            margin: 0rpx 0 0 10rpx;

            .taxi-box {
                margin-right: 20rpx;

                .taxi-phone {
                    text-align: center;
                    margin-bottom: 10rpx;
                }

                .taxi-phone {
                    text-align: center;
                    margin-bottom: 10rpx;
                }
            }

            .taxi-boxs {
                margin-right: 0rpx;

                .taxi-phone {
                    text-align: center;
                    margin-bottom: 10rpx;
                }

                .taxi-phone {
                    text-align: center;
                    margin-bottom: 10rpx;
                }
            }
        }

    }

    .take-out {
        margin-top: 20rpx;
    }

    .store-goods {
        display: flex;
        padding: 10rpx;
        position: relative;
        margin-bottom: 20rpx;

        .images {
            width: 180rpx;
            height: 150rpx;
        }

        .goods-details {
            margin-left: 20rpx;

            .goods-name {}

            .goods-time {
                font-size: 24rpx;
                color: #afa9a9;
                margin-top: 10rpx;
            }

            .goods-title {
                display: flex;
                justify-content: space-between;

                .goods-price {
                    display: flex;
                    margin-top: 15rpx;
                    font-size: 32rpx;

                    .price {
                        color: red;
                    }

                    .original {
                        text-decoration: line-through;
                        color: #afa9a9;
                    }
                }
            }

        }

        .goods-switch {
            margin: 40rpx 0 0 30rpx;
            .switch {
                font-size: 28rpx;
                margin-bottom: 10rpx;
            }
        }
        .buy {
            position: absolute;
            background: #FFE300;
            border-radius: 20rpx;
            padding: 20rpx;
            top: 40%;
            right: 30rpx;
        }
    }
}
.bommon {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #46a9a4;
    padding: 30rpx;
    text-align: center;
}
