.class-Situation{
  // background-image: url('../../assets/dailyDuties/bg.png');
  // background-repeat: no-repeat;
  // background-size: cover;
  // background-attachment: fixed;
  // top:0;
  // left:0;
  // right:0;
  // bottom: 0;
  // background-color: #110C30;
  // position: relative;
  // height: 100%;
  // width:100%;
}
.daily-duties-content{
  position:absolute;
  left:0;
  top:68px;
  right:0;
  bottom:0;  //left,top,right,bottom都为0，充满真个页面
  overflow-y:auto;
  overflow-x:hidden; //设置Y轴出现滚动条，X轴隐藏
  display: flex;
  flex-direction: row;
  justify-content: center;
  .common-margin{
    margin-top: 19px;
  }
  .daily-title{
    font-size:20px ;
    color: #ffffff;
  }
  .daily-title-content{
    width:257px;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }

  .top-ten-content{
    padding:30px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
    .top-ten-item{
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      .top-ten-item-middle{
        width:208px;
        height: 16px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background-color: #1C6264;
        .top-ten-item-middlelinear{
          background-image: linear-gradient(to right, #1C6264 , #00FFF7);
        }
      }
      .top-ten-item-bottom{
        width:36px;
        display: flex;
        flex-direction:row;
        justify-content: flex-end;
      }
    }
  }

}
.class-Situation .daily-duties-left{
  height: 100%;
  .safety-rate-view{
    background-image: url('../../assets/dailyDuties/leftTop.png');
    background-repeat: no-repeat;
    width:412px;
    height:469px;
  }
  .growth-statistics-view{
    background-image: url('../../assets/dailyDuties/leftBottom.png');
    background-repeat: no-repeat;
    width:411px;
    height:474px;
    .growth-content{
      padding:30px 24px;
      height: 100%;
      .growth-item-header{
        font-size: 20px;
        color: #52EDF2;
      }
      .growth-item-text{
        font-size: 20px;
        color: #ffffff;
      }
      .growth-item-datatext{
        font-size: 20px;
        color: #00CACE;
      }
      .growth-item{
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        height:42px;
        width: 362px;
        background-color:#1C6264 ;
        margin-top:5px ;
      }
      .growth-item:hover{
        background-color:#00B9FF ;
      }
    }
  }
}

.class-Situation .daily-duties-middle{
  height: 100%;
  margin-left: 19px;
  margin-right: 19px;
  .statistics-title{
    font-size: 32px;
    color: #00EEE8;
  }
  .statistics-title-content{
    width:100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .statistics-view{
    background-image: url('../../assets/dailyDuties/middleTop.png');
    background-repeat: no-repeat;
    width:999px;
    height:615px;
    position: relative;
    .statistics-banner{
     position: absolute;
     left:95px;
     right: 95px;
     top:68px;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     z-index: 2;
     .statistics-banner-content{
       height: 100px;
       width:380px;
       background-color:rgba(28, 98, 100, 0.5) ;
       border-radius: 5px;
       .statistics-banner-item{
         height: 100px;
         margin-left: 32px;
         margin-right: 32px;
         display: flex;
         flex-direction: row;
         justify-content: space-between;
         align-items: center;
         .statistics-banner-itemblock{
          text-align: center;
          .statistics-text-number{
            font-weight: bold;
            font-size: 35px;
            color:#00EEE8 ;
            letter-spacing:5px;
            height: 44px;
            display: flex;
            flex-direction:row;
            justify-content: flex-start;

          }
          span{
            font-weight: bold;
            font-size: 20px;
            color:#FF0000 ;
            letter-spacing:5px;
            padding-top: 9px;
          }
          p{
            font-size: 14px;
            color:#FFF ;
          }
         }
       }
     }
    }
  }
  .risk-trend-view{
    background-image: url('../../assets/dailyDuties/middleBottom.png');
    background-repeat: no-repeat;
    width:1002px;
    height:325px;
    position: relative;
    .buttongroup-style{
      position: absolute;
      right:50px;
      top:56px;
      z-index:2 ;
      .button-style{
        border-width: 1px;
        border-color: #45FEFE;
        width:80px
      }
    }
    .risk-trend-content{
      padding:20px;
      width:100%;
      height: 100%;
    }
  }
}
.class-Situation .daily-duties-right{
  height: 100%;
  .risk-failure-view{
    background-image: url('../../assets/dailyDuties/leftTop.png');
    background-repeat: no-repeat;
    width:412px;
    height:469px;
  }
  .recent-statistics-view{
    background-image: url('../../assets/dailyDuties/rightBottom.png');
    background-repeat: no-repeat;
    width:411px;
    height:474px;
    position: relative;
    .buttongroup-style{
      position: absolute;
      right:50px;
      top:56px;
      z-index:2 ;
      .button-style{
        border-width: 1px;
        border-color: #45FEFE;
        width:80px
      }
    }

    .recent-statistics-content{
      padding:20px;
      width:100%;
      height: 100%;
    }
  }
}
