/* 自定义导航栏 */
.details{
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  background: linear-gradient(to bottom, #007544 -40%, #F0F5F5 40%,#F0F5F5 100%);
 }
.navigation-container {
  position: fixed;
  width: 100%;
  z-index: 99;
}
.navigation-bar {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  color: #333333;
}
.nav-title {
  height: 100%;
  display: flex;
 align-items: center;
  margin-left: 20rpx;
  box-sizing: border-box;
}
 
.nav-search {
  position: absolute;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
  
.bg-logo {
  width:100%;
  height: 100%;
  display: flex;
  align-items: center;
  color: #f7f7f7;
  position: absolute;
  top: 0;
  left:20rpx;
}
.detail_s{
  height: 100%;
  font-size: 28rpx;
  display: flex;
  align-items: center;
  margin-right: 30px;
  
}
.container{
  width: 100%;
  height: 800rpx;
  margin-top: 200rpx;
}
#mychart-dom-gauge{
  width: 100%;
  height: 800rpx;
}
.canvasArea1 {
  width: 100%;
  display: flex;
  flex-direction: column;
 align-items: center;
 margin-top: 60rpx;
 }
 .realtime2{
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0rpx 20rpx;
  padding-top: 20rpx;
  box-sizing: border-box;
}
.realtime_left2{
  width: 48%;
  height: 100rpx;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-radius: 10rpx;
  
  font-size: 14px;
  background-color: #ffffff;

}
.realtime_title{
  font-size: 14px;
  margin-top: 10rpx;
  color: #222;
}
.realtime_text{
  font-size: 18px;
  margin-right: 4px;
  color: #00BA82;
}
.realtime_right2{
  width: 48%;
  height: 100rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  background-color: #ffffff;
  justify-content: space-around;
  border-radius: 10rpx;
}
.realtime_title{
  font-size: 14px;
  margin-top: 10rpx;
  color: #222;
}

/* // {
  //   type: "gauge",
  //   radius: "77%",
  //   z: 4,
  //   axisTick: {
  //     show: true,
  //     lineStyle: {
  //       width: 2,
  //       color: 'rgba(1, 244, 255, 0.9)'
  //     }
  //   },
  //   splitLine: {
  //     length: 16,
  //     lineStyle: {
  //       width: 2,
  //       color: 'rgba(1, 244, 255, 0.9)'
  //     }
  //   },
  //   axisLabel: {
  //     show: false
  //   },
  //   axisLine: {
  //     lineStyle: {
  //       opacity: 0
  //     }
  //   },
  //   detail: {
  //     valueAnimation: true,
  //     formatter: `${value}%`
  //   },
  //   data: [
  //     {
  //     value: value,
  //     name: `${value}%`
  //   }
  // ],
  //   progress: {
  //     show: true,
  //     itemStyle: {
  //       width: 2,
  //       color: 'rgba(1, 144, 155, 0.9)'
  //       // color: 'red' // 设置进度条颜色为红色
  //     }
  //   },
  //   pointer: {
  //     show: false // 去掉指针
  //   }
  // }, */