.daily-duties-content{
  position:absolute;
  left:0;
  top:pxToRem(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: pxToRem(19px);
  }
  .daily-title{
    font-size:pxToRem(20px);
    color: #ffffff;
  }
  .daily-title-content{
    width:pxToRem(257px);
    display: flex;
    flex-direction: row;
    justify-content: center;
  }

  .top-ten-content{
    padding:pxToRem(30px) pxToRem(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:pxToRem(208px);
        height: pxToRem(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:pxToRem(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:pxToRem(412px);
    height:pxToRem(469px);
  }
  .growth-statistics-view{
    background-image: url('../../assets/dailyDuties/leftBottom.png');
    background-repeat: no-repeat;
    width:pxToRem(411px);
    height:pxToRem(474px);
    .growth-content{
      padding:pxToRem(30px) pxToRem(24px);
      height: 100%;
      .growth-item-header{
        font-size: pxToRem(20px);
        color: #52EDF2;
      }
      .growth-item-text{
        font-size: pxToRem(20px);
        color: #ffffff;
      }
      .growth-item-datatext{
        font-size: pxToRem(20px);
        color: #00CACE;
      }
      .growth-item{
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        height:pxToRem(42px);
        width: pxToRem(362px);
        background-color:#1C6264 ;
        margin-top:pxToRem(5px);
      }
      .growth-item:hover{
        background-color:#00B9FF ;
      }
    }
  }
}

.class-Situation .daily-duties-middle{
  height: 100%;
  margin-left: pxToRem(19px);
  margin-right: pxToRem(19px);
  .statistics-title{
    font-size: pxToRem(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:pxToRem(999px);
    height:pxToRem(615px);
    position: relative;
    .statistics-banner{
     position: absolute;
     left:pxToRem(95px);
     right: pxToRem(95px);
     top:pxToRem(68px);
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     z-index: 2;
     .statistics-banner-content{
       height: pxToRem(100px);
       width:pxToRem(380px);
       background-color:rgba(28, 98, 100, 0.5) ;
       border-radius: pxToRem(5px);
       .statistics-banner-item{
         height: pxToRem(100px);
         margin-left: pxToRem(32px);
         margin-right: pxToRem(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: pxToRem(35px);
            color:#00EEE8 ;
            letter-spacing:pxToRem(5px);
            height: pxToRem(44px);
            display: flex;
            flex-direction:row;
            justify-content: flex-start;

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

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