.wrap {
  width: 50%;
  border-radius: 40px;
  background: linear-gradient(180deg, rgba(27, 50, 89, 0.3), rgba(27, 50, 89, 0.3) 100%);
  padding: 20px 30px 30px;
}
.wrap .top {
  margin-bottom: 57px;
}
.wrap .top .title {
  font-family: DingTalk JinBuTi;
  font-size: 40px;
  color: #fff;
}
.wrap .top .right {
  font-size: 20px;
  color: #bccee9;
  cursor: pointer;
}
.wrap .main {
  flex: 1;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(58, 126, 188, 0.01), rgba(58, 126, 188, 0.2) 100%);
  padding: 0 100px 50px 100px;
}
.wrap .main .card {
  width: 248px;
  height: 127px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(58, 126, 188, 0), rgba(58, 126, 188, 0.43) 100%);
  text-align: center;
  padding-top: 20px;
}
.wrap .main .card .unit {
  font-size: 20px;
  font-weight: 400;
  color: #bccee9;
  line-height: normal;
}
.wrap .main .card .name {
  font-size: 18px;
  font-weight: 700;
  color: #bccee9;
}
.wrap .gridSection .gridItem {
  width: 180px;
  height: 117px;
  text-align: center;
  background-image: url('@/assets/images/UrbanElements/gridBg.png');
  background-repeat: no-repeat;
  background-size: 100%;
}
.wrap .gridSection .gridItem .unit {
  font-size: 20px;
  font-weight: 400;
  color: #bccee9;
  line-height: normal;
}
.wrap .gridSection .gridItem .name {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}
.wrap .bottom {
  width: 818px;
  height: 110px;
  background-image: url('@/assets/images/UrbanElements/bg1.png');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
}
.wrap .bottom .unit {
  font-size: 20px;
  font-weight: 400;
  color: #bccee9;
  line-height: normal;
}
.wrap .bottom .name {
  font-size: 18px;
  font-weight: 700;
  color: #bccee9;
}
.wrap :global .ant-statistic-content-value {
  background: linear-gradient(180deg, #aafff6, #25bbff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-family: D-DIN;
  font-size: 50px;
  font-weight: 700;
  line-height: normal;
}
