.backgroundContainer.data-v-41b2a00b { display: flex; flex-direction: column; position: relative; width: 100%; height: 100vh; background-image: url('../../static/index/lightbgcnew.png'); background-size: cover; background-position: center center; overflow: hidden; } .darkbackgroundContainer.data-v-41b2a00b { display: flex; flex-direction: column; position: relative; width: 100%; height: 100vh; background-image: url('../../static/index/background.png'); background-size: cover; background-position: center center; overflow: hidden; } .index-title.data-v-41b2a00b { display: flex; width: calc(100% - 110rpx); height: 130rpx; justify-content: space-between; margin: 20rpx 50rpx 0 60rpx; } .index-title .index-title-left.data-v-41b2a00b { display: flex; height: 100%; align-items: center; margin-top: 20rpx; } .index-title .index-title-left .index-title-left-img.data-v-41b2a00b { width: 75rpx; height: 75rpx; } .index-title .index-title-left .index-title-left-font.data-v-41b2a00b { margin-left: 20rpx; } .index-title .index-title-left .index-title-left-wel.data-v-41b2a00b { margin-left: 40rpx; } .index-title .index-title-left .index-title-left-weight.data-v-41b2a00b { font-weight: 700; margin: 0 10rpx; } .index-title .index-title-right.data-v-41b2a00b { display: flex; height: 100%; align-items: center; margin-top: 20rpx; } .index-title .index-title-right .top-card.data-v-41b2a00b { width: 180rpx; height: 55rpx; border-radius: 30rpx; background-color: #E2E7FF; display: flex; align-items: center; margin-right: 20rpx; } .index-title .index-title-right .top-card .top-card-img.data-v-41b2a00b { width: 35rpx; height: 35rpx; margin-right: 5rpx; margin-left: 20rpx; } .index-title .index-title-right .top-card .top-card-font.data-v-41b2a00b { font-size: 25rpx; } .index-content.data-v-41b2a00b { width: 100%; height: calc(100vh - 150rpx); display: flex; } .index-content .index-content-leftMenus.data-v-41b2a00b { height: 100%; width: 170rpx; display: flex; justify-content: center; align-items: center; flex-direction: column; } .index-content .index-content-leftMenus .left-img.data-v-41b2a00b { width: 93rpx; height: 93rpx; z-index: 100; } .index-content .index-content-leftMenus .left-img-font.data-v-41b2a00b { margin-top: 10rpx; color: #fff; } .index-content .index-content-leftMenus .left-img-font-target.data-v-41b2a00b { margin-top: 10rpx; color: #0174D3; } .index-content .index-content-leftMenus .blue-circle-pos.data-v-41b2a00b { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 230rpx; } .index-content .index-content-leftMenus .blue-circle-pos .blue-circle.data-v-41b2a00b { position: absolute; top: -50rpx; left: -68rpx; } .index-content .index-content-leftMenus .blue-circle-pos .blue-circle .blue-circle-size.data-v-41b2a00b { width: 170rpx; height: 250rpx; } .red-pao.data-v-41b2a00b { position: absolute; top: 40rpx; left: 60rpx; padding: 3rpx 10rpx; background-color: #FF4C4E; color: #fff; font-size: 20rpx; border-radius: 20rpx; z-index: 101; }