.head{
  background-color: var(--main-color);
  display: flex;
  padding:220rpx 0 64rpx 0;
}
.head .items{
  flex:1;
  text-align: center;
}
.head .icon{
  width:80rpx;height:80rpx;
}
.head .text{
  font-size: 28rpx;
  margin-top:30rpx;
}

.main{
  background-color: var(--main-bgclolor);
  padding:20rpx;
  border-radius: 30rpx 30rpx 0 0;
  margin-top:-22rpx;
}
.main .row1{
  display: flex;
  gap: 20rpx;
}
.main .row1 .cell{
  border-radius: 16rpx;
  background-color: #fff;
  padding:40rpx 30rpx;
  box-sizing: border-box;
}
.main .row1 .title{
  color: #222222;
  display: inline-block;
}
.main .row1 .number{
  font-size: 60rpx;
  font-weight: 600;
  margin-top:40rpx;
}
.main .row1-1{
  flex:1;
}
.main .row1-2{
  width:250rpx;height:220rpx;
  text-align: center;
}

.main .row2{
  display: flex;
  background-color: #fff;
  border-radius: 16rpx;
  margin-top:20rpx;
}
.main .row2 .cell{
  flex:1;
  text-align: center;
  padding:50rpx 60rpx;
}
.main .row2 .title{
  font-size: 27rpx;
  color: #222222;
}
.main .row2 .spliter{
  width:1rpx;height:auto;
  background-color:rgba(153, 153, 153, 0.3);
  margin:50rpx 0;
}
.main .row2 .number{
  margin-top:40rpx;
  font-size: 44rpx;
  font-weight: 500;
}