/* miniprogram/pages/deviceControl/PM2.5/index.wxss */
.bg{
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  background-image:linear-gradient(120deg, gray , deepskyblue);
  z-index:-99;
}
.body{
  width:100vw;
  height:100vh;
  color:#fff;
  overflow-x:hidden;
}
.outroom{
  display:block;
  width:100%;
  height:80rpx;
  padding: 0 30rpx;
  line-height:80rpx;
}
/* .time{
  display:block;
  width:100%;
  height:80rpx;
  text-align:center;
  line-height:80rpx;
  margin:70rpx 0;
} */
.airInfo{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  /* margin-top:70rpx; */
}
.airInfo .title{
  display:block;
  width:100%;
  height:80rpx;
  /* padding-bottom:40rpx; */
  text-align:center;
  line-height:80rpx;
  font-size:70rpx;
}
slots{
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
slots .num{
  font-size:160rpx
}
.degree{
  display:block;
  /* width:300rpx; */
  height:90rpx;
  color:yellow;
  text-align:center;
  line-height:90rpx;
  font-size:40rpx;
  padding:15rpx 0;
}
.small_info{
  /* padding:15rpx 35rpx; */
  display:flex;
  justify-content:space-around;
  border-bottom:2rpx solid #fff;
}
/* .city{
  display:flex;
  align-items:center;
  margin:15rpx 0;
}
.city image{
  width:45rpx;
  height:45rpx;
}
.city>text{
  display:block;
  height:45rpx;
  line-height:45rpx;
  text-align:center;
  padding:0 15rpx;
} */
.particle{
  margin:30rpx 0;
  padding:10rpx 0;
  width:45%;
  height:60rpx;
  border:2rpx solid #ffffff;
  text-align:center;
  line-height:60rpx;
  border-radius:50rpx;
  
  font-size:32rpx;
}
.particle .name{
  display:inline-block;
  /* width:135rpx; */
}
.particle .index{
  display:inline-block;
  width:60rpx;
}
/* .updateTime{
  margin:10rpx 0;
} */
/* .others{
  display:flex;
  justify-content:space-around;
} */

.container{
    width: 100vw;
		height: 450rpx;
}
#mychart-dom-bar{
  width: 100vw;
  height: 450rpx;
}