<template>
  <div>
    <div class="logobox">
      <img class="logo" src="@/assets/img/logo_font.png" />
    </div>
    <div class="infobox">
      <img id="u71_img" class="img " src="@/assets/img/u71.png" />
    </div>
    <div class="infobox">
      <img id="u71_img" class="img " src="@/assets/img/u73.svg" />
    </div>
    <div class="infobox">
      <img id="u71_img" class="img " src="@/assets/img/u74.svg" />
    </div>
    <div class="infobox">
      <img id="u71_img" class="img " src="@/assets/img/u75.svg" />
    </div>
    <div class="infobox">
      <img id="u71_img" class="img " src="@/assets/img/u75.svg" />
    </div>
    <div class="goshopping" @click="$router.push('/')">
      <span>返回</span>
      <span>首页</span>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
@import "@/assets/style/mixin.scss";
.logobox {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  top: 0px;
  width: 40vw;
  height: 30vw;
  background-color: #1ABC9C;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  z-index: 2;
  .logo {
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.infobox {
  border-width: 0px;
  position: relative;
  width: 85vw;
  margin: 5vw auto;
  background-color: rgba(245, 245, 245, 1);
  border-radius: 20px;
  .img {
    width: 100%;
    border-radius: 20px;
  }
}

</style>
