<template>
  <div class="content_box">

<!--    <div class="content_box_bottom_logo">-->
<!--      <img src="../../assets/center/index_logo.png" />-->
<!--    </div>-->
    <div class="content_box_header">
      <div class="content_box_bottom_name">
        <img src="../../assets/center/index_name.png" />
      </div>
      <div class="content_box_header_text">

      </div>
    </div>
    <div class="content_box_body">
      <div class="content_box_body_btn" @click="todo('/brrow')">
        <img class="content_box_body_btn_img" src="../../assets/center/index_brrow.png" />
      </div>
      <div class="content_box_body_btn" @click="todo('/return')">
        <img class="content_box_body_btn_img" src="../../assets/center/index_return.png" />
      </div>
    </div>

    <div class="content_box_bottom">
    </div>
    <div class="content_box_bottom_right">
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {}
    },
    methods: {
      todo(route) {
        this.$router.push(route)
      }
    },
    mounted() {

    },
    created() {}
  }
</script>

<style lang="scss" scoped>
  .content_box {
    background: #e9f5f3;
    width: 100vw;
    height: 100vh;
    position: relative;
    padding: 61px 156px 0px 156px;

    .content_box_bottom_logo {
      position: absolute;
      left: 156px;
      top:60px !important;
    }

    .content_box_header {
      display: flex;
      align-items: center;
      flex-direction: column;

      .content_box_header_text {
        font-size: 36px;
        font-family: MicrosoftYaHei;
        font-weight: 400;
        color: #333333;
        line-height: 60px;
      }
    }

    .content_box_bottom_name {
      margin: 0 auto;
    }

    .content_box_body {
      display: flex;
      flex-direction: row;
      align-items: center;
      position: relative;
      z-index: 99;
      justify-content: space-between;
      margin-top: 10%;
      padding: 0 15%;

      .content_box_body_btn {
        .content_box_body_btn_img {
          width: 517*.8px;
          height: 365*.8px;
        }
      }
    }



    .content_box_bottom {
      background: url("../../assets/center/index_bottom.png") no-repeat;
      width: 100%;
      height: 50%;
      background-size: cover;
      position: fixed;
      left: 0;
      bottom: 0;
      z-index: 1;
    }

    .content_box_bottom_right {
      background: url("../../assets/center/index_bottom_right.png") no-repeat;
      width: 395px;
      height: 145px;
      background-size: cover;
      position: fixed;
      right: 0;
      bottom: 0;
      z-index: 1;
    }
  }
</style>
