<template>
  <div>
    <indexreporttop left="不友善行为"></indexreporttop>
    <indexreporttype left="骚扰、辱骂、歧视等"></indexreporttype>
    <indexreporttype left="其他不友善行为"></indexreporttype>
    <div class="btns">
          <button class="btn2">举报</button>
          <button class="btn1">举报</button>
    </div>

  </div>
</template>

<script>
import indexreporttop from "./components/indexreporttop";
import indexreporttype from "./components/indexreporttype";
export default {
  components: {
    indexreporttop,
    indexreporttype
  }
};
</script>

<style lang="scss">
body {
  background-color: white;
}
.btns{
  display: flex;
  justify-content: space-around;
  margin-top: 55px;
  .btn1{
width:330px;
height:62px;
background:rgba(107,145,71,1);
border-radius:4px;
font-size: 32px;
color: white;
line-height: 62px;
text-align: center;
  }
.btn2{
  width:330px;
height:62px;
border:2px solid rgba(149,153,143,1);
background-color: white;
opacity:0.55;
border-radius:4px;
}
}

</style>