.stat-pannel {
    background-color: #fff;
}
.stat-item {
    text-align: center;
    width: 100%;
    border-right: solid 1px rgba(64, 158, 239, 0.1);
}
.stat-des {
    font-size: 32rpx;
    color: #999;
    margin-bottom: 10rpx;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.des-icon {
    width: 30rpx;
    height: 30rpx;
    vertical-align: middle;
    margin-right: 10rpx;
}
.stat-data {
    font-size: 40rpx;
    font-weight: bold;
}
.stat-pannel {
    padding: 30rpx 0;
}
.chart-pannel {
    margin-top: 20rpx;
    background-color: #fff;
    overflow: visible;
}
.chart-desc {
    padding: 16rpx 20rpx;
    color: #0cc191;
    font-size: 32rpx;
}
.time-desc {
    padding: 16rpx 20rpx;
    font-size: 32rpx;
}
.chart-container {
    width: 100%;
    height: 400rpx;
    overflow: visible;
}
.device-msg {
    color: #409eff;
    text-align: center;
}
.chart-container-pie {
    width: 100%;
    height: 400rpx;
}
.topbar-pannel {
    width: 40%;
}
.percent-pannel {
    width: 60%;
}
.fresh-icon {
    width: 26rpx;
    height: 26rpx;
    vertical-align: middle;
}