.card {
  box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.05);
  display: inline-block;
  width: 44vw;
  margin-left: 4vw;
  height: 100rpx;
  background-color: #fff;
  color: #666;
  border-radius: 20rpx;
  margin-top: 30rpx;
  line-height: 100rpx;
  text-align: center;
  border: 1px solid #ddd;
  vertical-align: top;
  font-size: 26rpx;
}

.card1 {
  box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.05);
  display: inline-block;
  width: 92vw;
  margin-left: 4vw; 
  background-color: #fff;
  color: #666;
  border-radius: 20rpx;
  margin-top: 30rpx;
  line-height: 100rpx;
  text-align: center;
  border: 1px solid #ddd;
  vertical-align: top;
  font-size: 26rpx;
}

.card1 .head {
  width: calc(100% - 40rpx);
  height: 80rpx;
  line-height: 80rpx;
  border-bottom: 1px solid #0003;
  text-align: left;
  padding-left: 40rpx;
  font-size: 28rpx;
  font-weight: 600;
  color: #5291FD;
}

.table {
  width: 100%;
  height: calc(28vh + 80rpx);
}

.th,
.tr {
  display: flex; 
  width: 100%;
}

.th {
  height: 80rpx; 
  vertical-align: top;
  background-color: #F8F8F9;
}
.info{
  height: 28vh;
  overflow-y: auto;
}
.tr {
  height: 80rpx;
}
.th .td {
  flex: 1;
  text-align: center;
  justify-content: center;
  line-height: 80rpx;
  font-weight: 600;
  vertical-align: top;
}
.tr .td {
  flex: 1;
  text-align: center;
  justify-content: center;
  line-height: 80rpx;
  font-weight: 600;
  vertical-align: top;
}
.chart{
  height: 20vh;
  position: relative;
}
#chart1{
  position: absolute;
  width: 100%;
  height: 20vh;
  top: 0;
  left: 0;
}
#chart2{
  position: absolute;
  width: 100%;
  height: 20vh;
  top: 0;
  left: 0;
}