/* childPackage/pages/electricQuery/components/reading/index.wxss */

/* pages/electricQuery/index.wxss */
page {
    background-color: var(--transparent-green);
  }
  
  .queryWrapper {
    margin: 20rpx 0rpx;
    background-color: #fff;
    padding:15rpx 20rpx;
    box-sizing: border-box;
    border-radius: 20rpx;
    display: flex;
    align-items: center;
    font-size: 32rpx;
  }
  
  .label {
    width: 180rpx;
    font-size: 32rpx;
  }
  
  .sum {
    margin-bottom: 30rpx;
    margin-left: 30rpx;
    margin-right: 30rpx;
    padding-bottom: 50rpx;
  }
  
  .query {
    margin: 20rpx 0rpx;
  }
  
  .typeQueryText {
    text-align: center;
    padding: 20rpx;
    background-color: var(--light-green);
    font-size: 32rpx;
  }
  
  .select {
    border: 1rpx solid #ccc;
    padding: 12rpx;
    border-radius: 12rpx;
    flex: 1;
    display: flex;
    justify-content: space-between;
    font-size: 30rpx;
  }
  
  .timeQueryText {
    text-align: center;
    padding: 20rpx;
    background-color: rgb(242,248,246);
    font-size: 30rpx;
  }
  
  .wrapper {
    margin-left: 30rpx;
    margin-right: 30rpx;
    padding: 0;
  }
  
  .tooltip {
    margin: 20rpx 0;
    font-size: 28rpx;
    color: rgb(97, 93, 93);
  }
  .timeChooseWrapper {
    display: flex;
    align-items: center;
    font-size: 30rpx;
  }
  
  .time {
    flex: 1;
    margin-left: 30rpx;
    margin-right: 30rpx;
    display: flex;
    padding: 10rpx 20rpx;
    border-radius: 12rpx;
    border: 1rpx solid #ccc;
    background-color: #fff;
  }
  
  .timeText {
    flex: 1;
  }
  
  .mychart-bar::after{
    content:"";   
    display:block; 
    clear:both
  }