.backgroundContainer.data-v-1cf27b2a { display: flex; position: relative; width: 100%; height: 100vh; background-image: url('../../static/index/lightbgcnew.png'); background-size: cover; background-position: center center; overflow: hidden; z-index: 12; } .darkbackgroundContainer.data-v-1cf27b2a { display: flex; position: relative; width: 100%; height: 100vh; background-image: url('../../static/index/background.png'); background-size: cover; background-position: center center; overflow: hidden; z-index: 11; } .move-font.data-v-1cf27b2a { position: absolute; font-size: 45rpx; font-weight: 700; z-index: 10; } .left-container.data-v-1cf27b2a { width: 235rpx; height: 100%; } .left-container .blue-circle-pos.data-v-1cf27b2a { position: relative; } .left-container .blue-circle-pos .blue-circle.data-v-1cf27b2a { position: absolute; top: -50rpx; left: -68rpx; } .left-container .blue-circle-pos .blue-circle .blue-circle-size.data-v-1cf27b2a { width: 170rpx; height: 250rpx; } .left-container .left-head.data-v-1cf27b2a { display: flex; justify-content: center; align-items: center; flex-direction: column; } .left-container .left-head .left-head-img.data-v-1cf27b2a { width: 150rpx; height: 150rpx; margin-top: 60rpx; } .left-container .left-head .left-head-font.data-v-1cf27b2a { font-weight: 700; font-size: 40rpx; } .left-container .left-head .left-head-font-dark.data-v-1cf27b2a { font-weight: 700; font-size: 40rpx; background: linear-gradient(to right, #EBF4FF, #ADC4E0); -webkit-background-clip: text; color: transparent; } .left-container .left-img-container.data-v-1cf27b2a { display: flex; justify-content: center; align-items: center; flex-direction: column; } .left-container .left-img-container .left-img.data-v-1cf27b2a { width: 93rpx; height: 93rpx; margin: 50rpx 0; z-index: 100; }