.dataBoard.data-v-6bac591f { display: flex; flex-direction: column; flex: 1; background: #363744; } .dataBoard .pageFlex.data-v-6bac591f { display: flex; } .dataBoard .header.data-v-6bac591f { width: 750rpx; height: 476rpx; position: relative; } .dataBoard .header .header-bg.data-v-6bac591f { width: 750rpx; height: 476rpx; position: absolute; left: 0; top: 0; z-index: 100; } .dataBoard .header .header-t.data-v-6bac591f { width: 100%; position: absolute; left: 0; top: 164rpx; z-index: 200; } .dataBoard .header .header-t .header-t-l.data-v-6bac591f { width: 400rpx; height: 88rpx; position: absolute; left: 0rpx; top: 0; } .dataBoard .header .header-t .header-t-r.data-v-6bac591f { width: 130rpx; height: 109rpx; position: fixed; right: 0; top: 180rpx; /* position: absolute; right: 0; top: 20rpx; font-weight: 400; font-size: 28rpx; color: #FFFFFF; line-height: 50rpx; text-align: left; width: 160rpx; height: 50rpx; background: rgba(54, 55, 68, 0.6); padding-left: 24rpx; border-radius: 24rpx 0 0 24rpx; */ } .dataBoard .header .header-b.data-v-6bac591f { position: absolute; left: 30rpx; top: 302rpx; z-index: 200; width: 689rpx; height: 150rpx; background: rgba(62,65,79,0.4); border-radius: 20rpx 20rpx 20rpx 20rpx; display: flex; justify-content: space-between; align-items: center; } .dataBoard .header .header-b .header-b-li.data-v-6bac591f { flex: 1; text-align: center; } .dataBoard .header .header-b .header-b-li .header-b-li-t.data-v-6bac591f { font-weight: 400; font-size: 36rpx; line-height: 50rpx; margin-top: 32rpx; margin-bottom: 9rpx; } .dataBoard .header .header-b .header-b-li .header-b-li-b.data-v-6bac591f { font-weight: 400; font-size: 24rpx; color: #fff; line-height: 34rpx; } .dataBoard .header .header-b .line.data-v-6bac591f { width: 2rpx; height: 30rpx; background: #d8d8d8; } .dataBoard .header .header-b .color-A.data-v-6bac591f { color: #0183fa; } .dataBoard .header .header-b .color-B.data-v-6bac591f { color: #2ea805; } .dataBoard .header .header-b .color-C.data-v-6bac591f { color: #00ffe5; } .dataBoard .header .header-b .color-D.data-v-6bac591f { color: #ff8c00; } .dataBoard .tabTitle_tow.data-v-6bac591f { height: 80rpx; white-space: nowrap; display: inline-flex; background: #3e414f; } .dataBoard .tabTitle_tow .tabTitle_tow_li.data-v-6bac591f { position: relative; width: 152rpx; height: 80rpx; text-align: center; padding-top: 18rpx; box-sizing: border-box; } .dataBoard .tabTitle_tow .tabTitle_tow_li .tabTitle_tow_text.data-v-6bac591f { display: inline-block; font-size: 32rpx; font-family: PingFang SC; font-weight: 500; color: #fff; line-height: 46rpx; position: relative; } .dataBoard .tabTitle_tow .tabTitle_tow_li .tabTitle_tow_text.on.data-v-6bac591f { color: #0183fa; } .dataBoard .tabTitle_tow .tabTitle_tow_li .tabTitle_tow_across.data-v-6bac591f { width: 50rpx; height: 4rpx; background: #0183fa; border-radius: 2rpx; margin: 6rpx auto 0; display: none; } .dataBoard .tabTitle_tow .tabTitle_tow_li .tabTitle_tow_across.on.data-v-6bac591f { display: block; }