.part-people{ width: 710rpx; height: 494rpx; margin: auto; margin-top: 20rpx; background: #fff; padding: 30rpx 30rpx 40rpx 21rpx; box-sizing: border-box; } .num{ color: #333333; font-size: 32rpx; vertical-align: middle; } .num1{ margin-left: 10rpx; font-size: 38rpx; font-weight: bold; vertical-align: middle; } .title .percent{ margin-top: 18rpx; color: #92949B; font-size: 26rpx; display: inline-block; margin-left: 40rpx; } .percent-text2{ color: #666666; font-size: 30rpx; margin-left:13rpx; } #block{ display: block; margin-left: 306rpx; margin-top: 0; } /* echarts开始 */ .echarts{ width: 100%; display: flex; justify-content:space-around; margin-top: 49rpx; } .echarts1{ width: 220rpx; height: 220rpx; /* border: 1rpx solid red; */ } .echarts2{ width: 195rpx; height: 195rpx; /* border: 1rpx solid red; */ } #mychart-dom-bar{ width: 100%; height: 100%; } #mychart-dom-pie{ width: 100%; height: 100%; } .lenged{ color: #999999; font-size: 22rpx; display: flex; justify-content: center; margin-top: 37rpx; } .lenged text{ display: inline-block; } .circle{ width: 10rpx; height: 10rpx; background: #FFB600; border-radius: 50%; margin-top: 10rpx; margin-left: 46rpx; margin-right: 4rpx; } .background2{ background: #AD6DFE; } .background3{ background: #FFA270; }