.container { padding: 0 20rpx; } .container .statistics { width: 100%; padding: 40rpx; display: flex; align-items: center; box-sizing: border-box; background: #FFFFFF; border-radius: 20rpx; } .container .statistics .col { flex: 1; } .container .statistics .col .row { margin-bottom: 60rpx; } .container .statistics .col .row .label { margin-bottom: 20rpx; font-size: 30rpx; color: #666666; } .container .statistics .col .row .money { font-size: 32rpx; font-weight: 500; color: #000000; } .container .statistics .col .row:last-child { margin: 0; } .container .statistics .col2 { padding-left: 80rpx; } .container .detailsBox { margin-top: 40rpx; } .container .detailsBox .title { font-size: 25rpx; color: #7B7B7B; } .container .detailsBox .categoryBox { margin-top: 24rpx; margin-bottom: 38rpx; display: flex; align-items: center; justify-content: space-between; } .container .detailsBox .categoryBox .category { width: 126rpx; padding: 8rpx 0; font-size: 30rpx; text-align: center; color: #7A7A7A; background: #FFFFFF; border-radius: 29rpx; } .container .detailsBox .categoryBox .currentClass { color: #FEAC57; font-weight: bold; } .container .detailsBox .detailsList { padding-bottom: 60rpx; } .container .detailsBox .detailsList .group { margin-bottom: 20rpx; border-radius: 20rpx; overflow: hidden; background: #FFFFFF; } .container .detailsBox .detailsList .group .header { display: flex; align-items: center; justify-content: space-between; padding: 12rpx 24rpx; font-size: 26rpx; background-color: #FFFAEA; } .container .detailsBox .detailsList .group .body { padding: 0 35rpx; } .container .detailsBox .detailsList .group .body .row { display: flex; align-items: center; justify-content: space-between; padding: 20rpx 0; color: #7B7B7B; font-size: 26rpx; text-align: center; border-bottom: 1rpx solid #eee; } .container .detailsBox .detailsList .group .body .row .col { display: flex; flex-direction: column; } .container .detailsBox .detailsList .group .body .row .col .num { margin-bottom: 8rpx; } .container .detailsBox .detailsList .group .body .row .col .add { color: #BA5858; } .container .detailsBox .detailsList .group .body .row .col .reduce { color: #38B358; } .container .detailsBox .detailsList .group .body .row:last-child { border: none; }