.components {
    display: block;
    height: auto;
    margin-top: 15rpx;
    margin-bottom: 15rpx;
    background-color: #fff;

    .header {
        height: 70rpx;

        .applyshop {
            float: left;
            font-size: 30rpx;
            line-height: 70rpx;
            text-indent: 1em;
            color: #333;
            background: #fff;
            font-weight: bold;
        }

        .goShop {
            float: left;
            font-size: 22rpx;
            height: 70rpx;
            line-height: 70rpx;
            text-indent: 1em;
            color: #a6a6a6;
            background: #fff;
            font-weight: bold;
            margin-right: 25rpx;
        }

        .rightArrow {
            float: right;
            display: block;
            width: 14rpx;
            margin: 24rpx 30rpx 0 10rpx;
        }
    }

    .body {
        // border-bottom: 10rpx solid #f4f5f9;

        .mall {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 15rpx;
            // margin-bottom: 15rpx;
            padding-left: 25rpx;
            padding-right: 65rpx;

            .img {
                display: inline-block;
                width: 75rpx;
                height: 75rpx;
            }

            .mallItem {
                position: relative;
                top: -26rpx;
                display: inline-block;
                margin-left: 25rpx;

                .title {
                    font-size: 28rpx;
                }
            }

            .goExpand {
                font-size: 25rpx;
                color: #a6a6a6;

                .text {
                    display: inline-block;
                    margin-right: 20rpx;
                }

                .rightArrowDown {
                    display: inline-block;
                    position: relative;
                    top: 5rpx;
                    width: 14rpx;
                    transform: rotate(90deg);
                }

                .rightArrowUp {
                    display: inline-block;
                    position: relative;
                    top: 5rpx;
                    width: 14rpx;
                    transform: rotate(-90deg);
                }
            }
        }



        .shop {
            .posi {
                /* position: relative; */
                width: 100%;
                background: #FFF;
                margin-bottom: 5rpx;

                .posi_logo {
                    position: relative;
                    width: 92%;
                    display: flex;
                    padding: 20rpx 0;
                    background: #fff;
                    margin: 0 auto;

                    view {
                        &:nth-child(1) {
                            image {
                                display: block;
                                width: 100rpx;
                                height: 100rpx;
                                border-radius: 16rpx;
                                margin-right: 16rpx;
                                border: 1px solid #e5e5e5;
                            }
                        }
                    }

                    .name {
                        font-size: 32rpx;
                        color: #333;
                        letter-spacing: 0;
                        width: 400rpx;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        overflow: hidden;
                    }

                    .shopVoList {
                        white-space: nowrap !important;
                        overflow-y: scroll;
                        height: 60rpx !important;
                        width: 360rpx;
                        font-size: 16px;
                        color: #333;
                        letter-spacing: 0;

                        text {
                            font-size: 20rpx !important;
                            color: #b8b8b8 !important;
                        }
                    }

                    .telBox {
                        position: absolute;
                        right: 0;
                        top: 0;
                        bottom: 0;
                        margin: auto;

                        .telImg {
                            width: 50rpx;
                            height: 50rpx;
                            margin-top: 20rpx;
                        }

                        .telText {
                            text-align: center;
                            color: #b8b8b8 !important;
                            font-size: 20rpx;
                        }
                    }

                    .certificationBox {
                        position: absolute;
                        right: 80rpx;
                        top: 0;
                        bottom: 0;
                        // margin: auto;

                        .certificationImg {
                            width: 50rpx;
                            height: 50rpx;
                            margin-top: 20rpx;
                        }

                        .telText {
                            text-align: center;
                            color: #b8b8b8 !important;
                            font-size: 20rpx;
                        }
                    }
                }

                .siteBox {
                    overflow: hidden;
                    width: 92%;
                    margin: 0 auto 1rpx auto;
                    padding-bottom: 10rpx;

                    .siteText {
                        width: 90%;
                        float: left;
                        font-size: 24rpx;
                        color: #333;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }

                    .siteImg {
                        float: right;
                        width: 40rpx;
                        height: 40rpx;
                    }
                }

                .dividerInside {
                    width: 100%;
                    height: 5rpx;
                    background-color: #DCDFE6;
                }
            }
        }

        .divider {
            width: 100%;
            height: 12rpx;
            background-color: #f4f5f9;
        }
    }
}