<template>
 <div class="home-p">
   <Header/>
   <Banner/>
 </div>
</template>

<script>
import Banner from "@/view/home/c-cpns/Banner.vue";
import Header from "@/view/home/c-cpns/Header.vue";

export default {
  name: "Home",
  components: {Header, Banner},

}
</script>

<style  lang="scss">
.home-p{
  .fl{
    float: left;
  }
  .fr{
    float: right;
  }
  .clearfix::after{
    content: "";
    display: block;
    clear: both;
  }

  .banner-title{
    color: #25a9ee;
    font-size: 14px;
    margin-bottom: 20px;
  }
  .two-title{
    display:flex;
  }

  height: 100%;
  background: url('@/assets/imgs/home/BG.png') center no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  #banner{
    flex: 1;
    overflow: hidden;
  }
}
</style>
