<template>
  
    <div class="container1">
      <!-- <div class="hesuanpic">
         <img src="../assets/hesuan.png" />
      </div> -->
      <div class="in_box">
        <ul class="ul1">
<!--          <li >-->
          <!--            <router-link to="HeSuanJC">-->
          <!--              <h2 class="hsjc">核酸检测</h2>-->
          <!--              <div class="hsjc_box">-->
          <!--                去预约-->
          <!--              </div>-->
          <!--            </router-link>-->
          <!--          </li>-->
          <!-- <li>
            <router-link to="HeSuanQuery">
              <h2 class="hscx">核酸查询</h2>
              <div class="hscx_box">
                去查询
              </div>
            </router-link>
          </li> -->
          <!-- <li>
            <router-link to="HeSuanQuery">
              <h2 class="hscx">体检预约</h2>
              <div class="hscx_box">
                去预约
              </div>
            </router-link>
          </li>
          <li>
            <router-link to="HeSuanQuery">
              <h2 class="hscx">体检明细查询</h2>
              <div class="hscx_box">
                去查询
              </div>
            </router-link>
          </li> -->
        </ul>
      </div>
       <dh />
    </div>

</template>

<script>
// @ is an alias to /src
import dh from "@/components/nav.vue";
export default {
  components: {
    dh
  },
  data() {
    return {

    };
  },
  mounted() {

  },
  methods: {

  },
};
</script>


<style scoped lang="scss">
.in_box {
  padding: 0.25rem;
  ul {
    display: flex;
    justify-content: space-between;
    h2 {
      padding-bottom: 0.25rem;
      font-size: 0.375rem;
    }
    li a {
      display: block;
      color: #fff;
    }
  }

  .ul1 {
    li {
      width: 48%;
      box-sizing: border-box;
      padding: 6.5% 4%;
      background: url(../assets/in_box1.png) no-repeat;
      background-size: 100% 100%;
      border-radius: 0.25rem;
    }
    li:nth-child(2) {
      background: url(../assets/in_box.png) no-repeat;
      background-size: 100% 100%;
    }
  }
  .hscx {
  color: #bc6c61;
  }
  .hsjc {
    color: #9e7837;
  }

}
.hsjc_box{
    padding:0 0.2rem;
    font-size: 0.3rem;
    background: url(../assets/pic1.png) no-repeat;
    background-size: 100% 100%;
    width: 1rem;
}

.hscx_box{
    padding:0 0.2rem;
    font-size: 0.3rem;
    background: url(../assets/pic2.png) no-repeat;
    background-size: 100% 100%;
    width: 1rem;
}

/*
.hesuanpic{
  width: 100%;
    img {
    width: 100%;
  }
}
*/
h2.hsjc,
h2.hscx{
  font-weight: 800;
}

</style>