<template>
  <div class="page">
    <v-header-login/>
    <div class="contenpage header_m_top">
      <div class="banner">
        <div class="ban">
        <img :src="ImgServerUrl + 'others/joinin/banner.png'" alt="">

        </div>
      </div>
      <div class="cont banner">
        <div class="ban">
<img :src="ImgServerUrl + 'others/joinin/0.png'" alt="">
        </div>
        <div class="ban">
 <img class="mt" :src="ImgServerUrl + 'others/joinin/1.png'" alt="">
        </div>
        <div class="ban">
    <img class="mt" :src="ImgServerUrl + 'others/joinin/2.png'" alt="">
        </div>
        <div class="ban">
       <img class="mt" :src="ImgServerUrl + 'others/joinin/3.png'" alt="">
        </div>
         
         
      
   
      </div>
    </div>
         <v-footer-others/>
  </div>
</template>

<script>
import vHeaderLogin from '@/components/HeaderLogin'
import vFooterOthers from '@/components/FooterOthers'
export default {
  name: 'joinin',
  data () {
    return {

    }
  },
  mounted() {
    // 时间钩子
  },
  methods:{
    // 执行方法
  },
  components:{
    // 传入组件
    vHeaderLogin,vFooterOthers

  }
}
</script>

<style lang="scss" scoped>
.page{
  background-color: #fff;
  overflow-x: hidden;
  .contenpage{
    width: 100%;
    margin: 0 auto;
  }
  .mt{
    margin-top: 25px;
  }
}
.banner{
  width: 1220px;
  position: relative;
  margin: 0 auto;
  .ban{
    position: relative;
    margin-left: -350px;
    font-size: 0;
    display: block;
  }
}
</style>
