
page{
  background-color: #e6ece5;
}
#reportBox{
  padding: 40rpx 20rpx 0;
}
.reportItem{
  padding-bottom: 40rpx;
}
.reportItemBox{
  background: #fff;
  border-radius: 20rpx;
  padding: 30rpx 20rpx;
}

.reportItemTop{
  display: flex;
  justify-content: space-between;
  font-size: 38rpx;
  color: #111111;
  padding-bottom: 30rpx;
}
.reportItemTopTime{
  padding-left: 10rpx;
}
.reportItemTopTime text{
  font-size: 28rpx;
  color: #666;
  margin-left: 20rpx;
}
.reportItemDes{
  font-size: 38rpx;
  color: #111111;
}
.reportItemDes:first-child{
  padding-bottom: 20rpx;
}
.reportItemDes text{
  color: #000000;
}
.reprotWeekChart {
	width: 100%;
  height: 420rpx;
}
.reportItemChartText{
  font-size: 22rpx;
  text-align: center;
  color: #10D9B8;
  padding-top: 20rpx;
}
.reportItemChartText view{
  display: inline-block;
  padding-bottom: 10rpx;
}
.dot{
  display: inline-block;
  height: 12rpx;
  width: 12rpx;
  background: #10D9B8;
  border-radius: 6rpx;
  margin: 0 10rpx 0 30rpx;
}

#taskComplete{
  display: flex;
  align-items: center;
  color: #F7B500;
  font-size: 28rpx;
  margin-bottom: 10rpx;
  background: #fff;
  padding: 0 28rpx;
  border-radius: 34px;
}
#taskComplete>image{
  width: 48rpx;
  height: 48rpx;
  margin-left: 10rpx;
}
#taskNocomplete{
  display: flex;
  align-items: center;
  color: #10D9B8;
  margin-bottom: 10rpx;
  font-size: 28rpx;
  background: #fff;
  padding: 0 28rpx;
  border-radius: 34px;
}
#taskNocomplete>image{
  width: 48rpx;
  height: 48rpx;
  margin-left: 10rpx;
}

/* loading */
.loadingBottom{
  display: flex;
  justify-content: center;
  align-items: center;
}
.loadingBottom>image{
  width: 30rpx;
  height: 30rpx;
}
.loadingBottom>text{
  margin-left: 10rpx;
  color: #999;
}