.backgroundContainer[data-v-82a72f7e] { 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-82a72f7e] { 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-82a72f7e] { display: flex; width: calc(100% - 3.4375rem); height: 4.0625rem; justify-content: space-between; margin: 0.625rem 1.5625rem 0 1.875rem; } .index-title .index-title-left[data-v-82a72f7e] { display: flex; height: 100%; align-items: center; margin-top: 0.625rem; } .index-title .index-title-left .index-title-left-img[data-v-82a72f7e] { width: 2.34375rem; height: 2.34375rem; } .index-title .index-title-left .index-title-left-font[data-v-82a72f7e] { margin-left: 0.625rem; } .index-title .index-title-left .index-title-left-wel[data-v-82a72f7e] { margin-left: 1.25rem; } .index-title .index-title-left .index-title-left-weight[data-v-82a72f7e] { font-weight: 700; margin: 0 0.3125rem; } .index-title .index-title-right[data-v-82a72f7e] { display: flex; height: 100%; align-items: center; margin-top: 0.625rem; } .index-title .index-title-right .index-title-right-circle[data-v-82a72f7e] { width: 1.875rem; height: 1.875rem; border-radius: 50%; background-color: #cde0f8; display: flex; justify-content: center; align-items: center; } .index-title .index-title-right .index-title-right-circle .index-title-right-circle-img[data-v-82a72f7e] { width: 1.09375rem; height: 1.09375rem; } .index-title .index-title-right .index-title-right-font[data-v-82a72f7e] { margin-left: 0.625rem; font-weight: 700; } .index-content[data-v-82a72f7e] { width: 100%; height: calc(100vh - 4.6875rem); } .index-content .index-content-leftMenus[data-v-82a72f7e] { height: 100%; width: 5.625rem; display: flex; justify-content: center; align-items: center; flex-direction: column; } .index-content .index-content-leftMenus .left-img[data-v-82a72f7e] { width: 2.90625rem; height: 2.90625rem; z-index: 100; } .index-content .index-content-leftMenus .left-img-font[data-v-82a72f7e] { margin-top: 0.3125rem; color: #fff; } .index-content .index-content-leftMenus .left-img-font-target[data-v-82a72f7e] { margin-top: 0.3125rem; color: #0174D3; } .index-content .index-content-leftMenus .blue-circle-pos[data-v-82a72f7e] { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 6.25rem; } .index-content .index-content-leftMenus .blue-circle-pos .blue-circle[data-v-82a72f7e] { position: absolute; top: -1.5625rem; left: -2.125rem; } .index-content .index-content-leftMenus .blue-circle-pos .blue-circle .blue-circle-size[data-v-82a72f7e] { width: 5.3125rem; height: 7.8125rem; } .red-pao[data-v-82a72f7e] { position: absolute; top: 0.9375rem; left: 1.875rem; padding: 0.09375rem 0.3125rem; background-color: #FF4C4E; color: #fff; font-size: 0.625rem; border-radius: 0.625rem; z-index: 101; }