zhongde-website/components/experice/expericeNewModel.vue

<template>
    <div id="new_model">
        <div class="new_model_box">
            <div class="new_model_title">
                <p class="new_model_titleC">卫诗理中国高端家具</p>
                <p class="new_model_titleC">O2O新零售模式先行者</p>
                <p class="new_model_titleE">Visney High-end furniture in China </p>
                <p class="new_model_titleE">O2O new retail model Forerunner</p>
            </div>
            <div class="new_model_list_box">
                <ul>
                    <li class="new_model_list">
                        <p class="new_model_list_cont1">天猫实木类遥遥领跑的高端家具品牌</p>
                        <p class="new_model_list_cont2">客单价2.6W，是同行业客单价7倍。</p>
                    </li>
                    <li class="new_model_list">
                        <p class="new_model_list_cont1">最受关注的高端家具品牌</p>
                        <p class="new_model_list_cont2">每日进店客流逾10W人次。</p>
                    </li>
                    <li class="new_model_list">
                        <p class="new_model_list_cont1">最具影响力的高端家具品牌</p>
                        <p class="new_model_list_cont2">每一家体验馆的开业都产生逾千万的销量，</p>
                        <p class="new_model_list_cont2">一次次创造行业神话。</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'expericeNewModel'
    }
</script>

<style>
/*New retail model start*/
    div#new_model {
        width:  100%;
        height:  auto;
        background:  #f9f9fa;
    }

    .new_model_box {
        overflow:  hidden;
        width:  1200px;
        height:  auto;
        margin:  0 auto;
        padding:  150px 0 130px;
    }

    .new_model_title {
        overflow:  hidden;
        width:  100%;
        height:  auto;
        padding-bottom: 110px;
        text-align:  center;
    }

    p.new_model_titleC {
        overflow:  hidden;
        width:  100%;
        height:  38px;
        color:  #22202b;
        font-size: 30px;
        font-weight:  bold;
        line-height: 38px;
    }

    p.new_model_titleE {
        overflow:  hidden;
        width:  100%;
        height:  20px;
        color:  #858585;
        font-size:  14px;
        line-height: 20px;
    }

    .new_model_list_box {
        overflow:  hidden;
        width:  100%;
        padding-top:  100px;
        border-top: 1px solid #d0d0d4;
    }

    .new_model_list_box ul {
        overflow:  hidden;
    }

    li.new_model_list {
        float:  left;
        overflow:  hidden;
        width:  400px;
        height:  auto;
    }

    p.new_model_list_cont1 {
        overflow:  hidden;
        width:  100%;
        height:  24px;
        color:  #858585;
        font-size:  14px;
        line-height:  24px;
        text-align:  center;
    }

    p.new_model_list_cont2 {
        overflow: hidden;
        width: 100%;
        height: 28px;
        color: #22202b;
        font-size: 18px;
        font-weight:  bold;
        line-height: 28px;
        text-align: center;
    }
/*New retail model end*/
</style>