<template>
    <div class='menuList'>
        <div class="menu-item">
            <img src="../assetsPre/Group1.png" alt="">
            <div class="text">
                <div class="title">7*24</div>
                <div class="subTitle">全天候服务支持</div>
            </div>
        </div>
         <div class="menu-item">
            <img src="../assetsPre/Group2.png" alt="">
            <div class="text">
                <div class="title">一对一客服</div>
                <div class="subTitle">商家客服一对一</div>
            </div>
        </div>
         <div class="menu-item">
            <img src="../assetsPre/Group3.png" alt="">
            <div class="text">
                <div class="title">交易担保</div>
                <div class="subTitle">入驻商家全担保</div>
            </div>
        </div>
         <div class="menu-item">
            <img src="../assetsPre/Group4.png" alt="">
            <div class="text">
                <div class="title">可靠交付</div>
                <div class="subTitle">交付验收自主审核</div>
            </div>
        </div>
         <div class="menu-item">
            <img src="../assetsPre/Group5.png" alt="">
            <div class="text">
                <div class="title">售后保障</div>
                <div class="subTitle">不满意随时找我们</div>
            </div>
        </div>

    </div>

</template>

<script>

export default {
    props: {
        isBottom: {
            type: Boolean,
            default: true
        }
    },
    name: 'page404',
    data() {
        return {

        }
    },
    computed: {

    },
    methods: {

    }
}
</script>

<style lang="less" scoped>
.menuList {
    width: 1196px;
    margin: 50px auto;
    height: 90px;
    font-size: 0;

    .menu-item {
        width: 228px;
        height: 90px;
        background: rgba(255, 255, 255, 1);
        border: 1px solid rgba(234, 234, 234, 1);
        display: inline-block;

        &:not(:last-child){
            margin-right: 10px;
        }
        img {
            display: block;
            width: 44px;
            height: 41px;
            float: left;
            margin: 29px 0 20px 27px;
        }

        .text {
            float: right;
            margin: 26px 34px 19px 0;
            .title {
                font-size: 16px;
                font-family: MicrosoftYaHei;
                color: rgba(51, 51, 51, 1);
                line-height: 21px;
                text-align: center;
            }
            .subTitle {
                font-size: 12px;
                font-family: MicrosoftYaHei;
                color: rgba(153, 153, 153, 1);
                line-height: 16px;
                text-align: center;
                margin-top: 8px;
            }
        }
    }
}
</style>
