<template>
    <div class="rect">
        <div class="unit-hid">
            <div>隐患数
            <span class="num">765</span>
            </div>
        <span>单位:个</span>
        </div>
    <div class="num-hid">
    <span>15日到期隐患数 
        <div class="hid">7</div>
    </span>
    <span>30日到期隐患数 
        <div class="hid">15</div>
    </span>
    <span>60日到期隐患数 
        <div class="hid">58</div>
    </span>
    </div>
    <!--限期  -->
    <div class="hid-img">
   <div>
    <img src="../../../assets/images/Frame 1296.png" alt="">
    <span>限期2023年底整改数量</span>
   </div>
    <span class="hid-num">1069</span>
    </div>
    <div class="hid-img">
   <div>
    <img src="../../../assets/images/Frame 1296.png" alt="">
    <span>限期2023年底整改数量</span>
   </div>
    <span class="hid-num">1069</span>
    </div>
    <div class="hid-img">
   <div>
    <img src="../../../assets/images/Frame 1296.png" alt="">
    <span>限期2023年底整改数量</span>
   </div>
    <span class="hid-num">10069</span>
    </div>
    </div>
</template>

<script >

</script>

<style lang="less" scoped>
.rect{
    font-size: 16px;
    margin: 10px 10px;
    .num{
        font-size: 20px;
    }
    .hid{
        font-size: 28px;
        color: #FFCB44;
        text-align: center;
    }
    .num-hid{
        display: flex;
        justify-content: space-between;
        justify-items: center;
        align-items: center;
    }
    .unit-hid{
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
    }
    .hid-img{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 10px;
        img{
            margin-right: 8px;
        }
    }
    .hid-num{
        font-size: 32px;
        color: #00C2FF;
    }
    
}
</style>