/* pages/statistics/index.wxss */
page{
  width: 100%;
  height: 100%;
}
.statistics_bj{
  width: 100%;
  height: 100%;
  background-image: url('https://esos-iot.com/myminio/project/40d665be18f5406daefdd1716164466e.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.navigation-container {
  position: fixed;
  width: 100%;
  z-index: 99;
}
.navigation-bar {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  /* justify-content: center; */
  padding-left: 20rpx;
  flex-direction: row;
  color: #333333;
}
.statistics{
  width: 100%;
  padding: 0rpx 20rpx;
  padding-top: 400rpx;
  box-sizing: border-box;
}
.statistics_top{
  display: flex;
  justify-content: space-between;
}
.piece{
  border-radius: 10rpx;
  background-color: #ffffff;
  padding: 10rpx 20rpx;

}
.statistics_1{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.statistics_digit{
  font-size: 48rpx;
}
.statistics_digit1{
  width: 116rpx;
  font-size: 48rpx;
}
.statistics_title1{
  margin-top: 10rpx;
}
.statistics_title{
  margin-top: 10rpx;
}

.qiun_data {
  width: 100%;
  margin-top: 20rpx;
  padding: 20rpx;
  display: flex;
  flex-direction: column;
  /* overflow: auto; */
  box-sizing: border-box;
  border-radius: 8rpx;
overflow: hidden;
  
}
.qiun_box{
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  padding: 20rpx;
  box-sizing: border-box;

}
.eccanvas{
  width: 100%;
  height: 500rpx;
  box-sizing: border-box;
  }
#mychart_line{
  width: 100%;
    height: 500rpx;
  box-sizing: border-box;
  }