page { background-color: #F5F5F5; } .index-bg { width: 100%; height: 445rpx; } .index-bg image{ width: 100%; height: 100%; } /* 数据 */ .data-box{ position: absolute; top: 67rpx; left: 71rpx; right: 51rpx; color: #fff; } .ljsy{ line-height: 95rpx; font-size: 68rpx; font-weight: 800; } .ljsy-label{ font-size: 28rpx; font-weight: 500; line-height: 40rpx; } .jy{ margin-top: 50rpx; } .jy-data{ line-height: 50rpx; font-weight: bold; font-size: 36rpx; } .jy-label{ margin-top: 12rpx; line-height: 33rpx; opacity: 0.7; } .jy-line{ width: 1rpx; height: 78rpx; opacity: 0.3; background-color: #FFFFFF; margin: auto 40rpx; } /* 总数 */ .total-box{ padding: 36rpx 40rpx; overflow: hidden; background: #FFFFFF; border-radius: 20rpx 20rpx 20rpx 20rpx; opacity: 1; margin: -60rpx 30rpx 30rpx; justify-content: center; } .total-label{ font-size: 24rpx; font-weight: 400; color: #666464; line-height: 36rpx; text-align: center; } .total-data{ line-height: 50rpx; font-size: 36rpx; font-weight: bold; color: #EB5C20; text-align: center; } .total-data-line{ width: 1rpx; height: 88rpx; opacity: 1; background-color: #E6E6E6; margin: auto 38rpx; } /* 导航 */ .nav-box{ background: #FFFFFF; border-radius: 20rpx 20rpx 20rpx 20rpx; opacity: 1; padding: 22rpx 60rpx; justify-content: space-between; margin: 30rpx; } .nav-item-icon{ width: 100rpx; height: 100rpx; } .nav-item-title{ font-size: 28rpx; font-weight: 500; color: #666464; line-height: 41rpx; } /* 图表 */ .echart-box{ padding: 30rpx; background: #FFFFFF; border-radius: 16rpx 16rpx 16rpx 16rpx; opacity: 1; margin: 30rpx; } .echart-box-header{ justify-content: space-between; } .echart-box-title{ line-height: 45rpx; font-size: 30rpx; font-weight: 500; color: #333333; margin-left: 12rpx; position: relative; } .echart-box-title::before{ content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: -12rpx; width: 6rpx; height: 32rpx; background: #EB5C20; border-radius: 10rpx 10rpx 10rpx 10rpx; opacity: 1; } .echart-box-timeType{ background: #E6E6E6; border-radius: 26rpx 26rpx 26rpx 26rpx; opacity: 1; padding: 4rpx; } .echart-box-timeType-item{ width: 92rpx; height: 44rpx; line-height: 44rpx; border-radius: 26rpx 26rpx 26rpx 26rpx; opacity: 1; text-align: center; font-size: 24rpx; } .echart-box-timeType-item-acitve{ background: #FFFFFF; } .echart-line{ width: 610rpx; height: 1rpx; opacity: 1; background-color: #E6E6E6; margin: 30rpx auto; } /* 提现按钮 */ .tx-btn{ width: 136rpx; line-height: 58rpx; background: #FFFFFF; border-radius: 29rpx 29rpx 29rpx 29rpx; text-align: center; font-size: 28rpx; font-weight: 400; color: var(--main); }