<template>
  <div class="box">
    <div class="leftBox">
      <leftTop></leftTop>
      <leftBottom></leftBottom>
    </div>
    <rightMid></rightMid>
  </div>
</template>

<script>
import leftTop from './leftTop/index.vue';
import leftBottom from './leftBottom/index.vue';
import rightMid from './rightMid/index.vue';
export default {
  components: {
    leftTop,
    leftBottom,
    rightMid,
  },
};
</script>

<style lang="scss" scoped>
.box {
  width: vw(1850);
  display: flex;
  justify-content: space-between;
  margin: 0 auto;

  .leftBox {
    width: vw(560);
  }
}
</style>
