.cagePosition.data-v-72bde412 { height: 100%; width: 100%; background: #363744; padding: 20rpx 0rpx 0; box-sizing: border-box; } .cagePosition .total-box.data-v-72bde412 { display: flex; padding: 0 35rpx; height: 60rpx; } .cagePosition .total-box view.data-v-72bde412 { line-height: 60rpx; font-size: 32rpx; flex: 1; } .cagePosition .total-box view.data-v-72bde412:nth-child(1) { color: #fff; } .cagePosition .total-box view.data-v-72bde412:nth-child(2) { color: #0183fa; text-align: right; } .cagePosition .chart.data-v-72bde412 { width: 690rpx; height: 360rpx; background: #3e414f; border-radius: 20rpx 20rpx 20rpx 20rpx; overflow: hidden; margin: 20rpx 30rpx 0; padding: 23rpx 40rpx 0; box-sizing: border-box; } .cagePosition .chart .chart-t.data-v-72bde412 { width: 100%; display: flex; justify-content: flex-start; align-items: center; font-size: 30rpx; color: #fff; line-height: 42rpx; text-align: left; padding-bottom: 15rpx; } .cagePosition .chart .chart-t >._img.data-v-72bde412 { width: 40rpx; height: 34rpx; margin-right: 14rpx; } .cagePosition .chart .chart-b.data-v-72bde412 { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; } .cagePosition .chart .chart-b .chart-b-li.data-v-72bde412 { width: 180rpx; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 34rpx; } .cagePosition .chart .chart-b .chart-b-li .chart-b-li-l.data-v-72bde412 { width: 100rpx; height: 100rpx; margin-right: 17rpx; } .cagePosition .chart .chart-b .chart-b-li .chart-b-li-r >text.data-v-72bde412 { display: block; font-size: 28rpx; color: #fff; line-height: 40rpx; text-align: left; } .cagePosition .small-title.data-v-72bde412 { width: 690rpx; height: 50rpx; display: flex; justify-content: space-between; align-items: center; margin: 24rpx 30rpx; } .cagePosition .small-title .small-title-l.data-v-72bde412 { font-weight: 400; font-size: 32rpx; color: #fff; line-height: 45rpx; } .cagePosition .small-title .chart-tab-tow.data-v-72bde412 { width: 300rpx; height: 50rpx; border-radius: 25rpx; overflow: hidden; border: 1rpx solid #52545f; display: flex; justify-content: flex-start; } .cagePosition .small-title .chart-tab-tow .chart-tab-li.data-v-72bde412 { width: 100rpx; font-weight: 400; font-size: 28rpx; color: #999; line-height: 50rpx; text-align: center; } .cagePosition .small-title .chart-tab-tow .chart-tab-li.data-v-72bde412:nth-of-type(1) { border-right: 1rpx solid #52545f; } .cagePosition .small-title .chart-tab-tow .chart-tab-li.data-v-72bde412:nth-of-type(2) { border-right: 1rpx solid #52545f; } .cagePosition .small-title .chart-tab-tow .tab-A.data-v-72bde412 { color: #fff; background: #0183fa; } .cagePosition .small-title .chart-tab-tow .tab-B.data-v-72bde412 { color: #999; background: none; } .cagePosition .small-title-tow.data-v-72bde412 { width: 750rpx; height: 80rpx; background: #3e414f; display: flex; justify-content: space-between; align-items: center; padding: 0 20rpx 0 30rpx; box-sizing: border-box; margin-top: 2rpx; } .cagePosition .small-title-tow .small-title-tow-l.data-v-72bde412 { flex: 1; font-weight: 400; font-size: 30rpx; color: #fff; line-height: 42rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cagePosition .small-title-tow .small-title-tow-r.data-v-72bde412 { width: 14rpx; height: 8rpx; } .cagePosition .chart-tow.data-v-72bde412 { width: 690rpx; height: 480rpx; background: #3e414f; border-radius: 20rpx 20rpx 20rpx 30rpx; margin: 26rpx 30rpx 0; } .cagePosition .chart-tow .chart-tow-b.data-v-72bde412 { width: 690rpx; height: 480rpx; }