.view.data-v-4b26e9e6 { background-color: #eff0f4; width: 100%; height: 100vh; display: flex; } .view .view-left.data-v-4b26e9e6 { height: 100%; width: 23%; } .view .view-left .title-father.data-v-4b26e9e6 { padding-top: 120rpx; padding-bottom: 50rpx; padding-left: 60rpx; display: flex; } .view .view-left .title-father .title-img.data-v-4b26e9e6 { width: 55rpx; height: 55rpx; margin-right: 20rpx; } .view .view-left .title-father .title-font.data-v-4b26e9e6 { font-size: 40rpx; font-weight: 800; } .view .view-left .menus-father.data-v-4b26e9e6 { width: 100%; height: 800rpx; } .view .view-left .menus-father .menu.data-v-4b26e9e6 { margin: 45rpx 0; margin-left: 30rpx; height: 110rpx; width: 300rpx; border-radius: 60rpx; overflow: hidden; display: flex; align-items: center; } .view .view-left .menus-father .menu .menu-img.data-v-4b26e9e6 { width: 65rpx; height: 65rpx; margin-left: 25rpx; display: flex; justify-content: center; align-items: center; border-radius: 50%; } .view .view-right.data-v-4b26e9e6 { height: 100%; width: 90%; position: relative; } .view .view-right .right-container-title-nav.data-v-4b26e9e6 { margin-top: 60rpx; display: flex; align-items: center; height: 60rpx; position: relative; font-size: 28rpx; } .view .view-right .right-container-title-nav .right-icons-img.data-v-4b26e9e6 { width: 60rpx; height: 60rpx; margin-left: 20rpx; margin-right: 20rpx; } .view .view-right .scroll-vi.data-v-4b26e9e6 { height: 100rpx; width: 100%; margin-left: 0rpx; margin-top: 100rpx; position: relative; display: flex; } .view .view-right .scroll-vi .menu.data-v-4b26e9e6 { flex: 0 0 auto; height: 90rpx; width: 240rpx; border-radius: 50rpx; margin-left: 20rpx; background-color: #fff; display: flex; justify-content: center; align-items: center; padding-top: 9rpx; } .view .view-right .scroll-vi .menu .menu-img.data-v-4b26e9e6 { width: 55rpx; height: 55rpx; margin-right: 15rpx; } .view .view-right .scroll-vi .menu .menu-font.data-v-4b26e9e6 { margin-top: 18rpx; font-size: 25rpx; } .right-container-tem.data-v-4b26e9e6 { display: flex; } .right-container-tem .right-container-tem-text.data-v-4b26e9e6 { font-size: 32rpx; margin-right: 20rpx; } .right-container-tem .right-container-tem-img.data-v-4b26e9e6 { width: 38rpx; height: 38rpx; } .new-weight.data-v-4b26e9e6 { margin: 0 30rpx; margin-top: 40rpx; font-size: 32rpx; } .big-bgc.data-v-4b26e9e6 { margin-top: 30rpx; width: 1250rpx; height: 913rpx; border-radius: 50rpx; overflow: hidden; display: flex; justify-content: center; align-items: center; position: relative; } .small-bgc.data-v-4b26e9e6 { width: 298rpx; height: 220rpx; border-radius: 25rpx; overflow: hidden; display: flex; justify-content: center; align-items: center; position: relative; } .card-father.data-v-4b26e9e6 { margin-right: 20rpx; } .card-father .up-title.data-v-4b26e9e6 { display: flex; justify-content: space-between; align-items: center; margin: 10rpx 0; margin-left: 20rpx; font-size: 30rpx; } @keyframes glowFlash-4b26e9e6 { 0%, 100% { box-shadow: 0 0 4rpx #f1d7da, 0 0 8rpx #f1d7da, 0 0 12rpx #f1d7da; } 50% { box-shadow: 0 0 10rpx #f1d7da, 0 0 20rpx #f1d7da, 0 0 30rpx #f1d7da; } } .right-right.data-v-4b26e9e6 { position: absolute; right: -20rpx; top: 230rpx; height: calc(100% - 250rpx); width: 650rpx; } .right-right .red-kuang.data-v-4b26e9e6 { margin-top: 0rpx; margin-left: 50rpx; width: 550rpx; height: 190rpx; border-radius: 50rpx; position: relative; display: flex; align-items: center; background-color: rgba(226, 227, 231, 0.5); } .right-right .red-kuang .blue-bgc.data-v-4b26e9e6 { width: 140rpx; height: 60rpx; display: flex; justify-content: center; align-items: center; z-index: 1; font-size: 26rpx; background-color: rgba(248, 249, 250, 0.5); color: #017DE9; border-radius: 20rpx; margin-left: 10rpx; } .right-right .red-kuang .font-weight.data-v-4b26e9e6 { font-size: 32rpx; font-weight: 600; } .right-right .red-kuang .font-small.data-v-4b26e9e6 { font-size: 30rpx; } .states-father.data-v-4b26e9e6 { display: flex; margin-top: 30rpx; margin-left: 50rpx; width: 100%; } .states-father .states.data-v-4b26e9e6 { width: 170rpx; margin-right: 15rpx; height: 80rpx; border-radius: 60rpx; background-color: rgba(226, 227, 231, 0.5); display: flex; justify-content: center; align-items: center; } .states-father .phone-number.data-v-4b26e9e6 { width: 100%; height: 80rpx; display: flex; align-items: center; position: relative; } .big-view.data-v-4b26e9e6 { margin-left: 50rpx; margin-top: 30rpx; width: 550rpx; height: 625rpx; border-radius: 50rpx; background-color: rgba(226, 227, 231, 0.5); position: relative; display: flex; flex-direction: column; align-items: center; overflow: hidden; } .big-view .font-weight.data-v-4b26e9e6 { font-size: 50rpx; margin-top: 45rpx; font-weight: 600; } .big-view .pao.data-v-4b26e9e6 { position: absolute; right: 40rpx; top: 20rpx; width: 85rpx; height: 40rpx; display: flex; justify-content: center; align-items: center; color: #fff; } .small-button.data-v-4b26e9e6 { margin-top: 20rpx; height: 70rpx; display: flex; } .small-button .gray-ball.data-v-4b26e9e6 { display: flex; justify-content: center; align-items: center; background-color: #F8F9FA; width: 60rpx; height: 60rpx; border-radius: 50%; margin: 0 10rpx; } .small-button .gray-ball .laba-img.data-v-4b26e9e6 { width: 35rpx; height: 35rpx; } .right-bottom.data-v-4b26e9e6 { margin-left: 50rpx; margin-top: 30rpx; width: 550rpx; height: 240rpx; border-radius: 50rpx; background-color: rgba(226, 227, 231, 0.5); position: relative; } .right-bottom .bottom-img.data-v-4b26e9e6 { width: 60rpx; height: 60rpx; margin-bottom: 30rpx; } .right-bottom .people-card.data-v-4b26e9e6 { width: 245rpx; height: 100rpx; border-radius: 25rpx; background-color: rgba(248, 249, 250, 0.5); margin-left: 20rpx; display: flex; justify-content: center; align-items: center; } .right-father.data-v-4b26e9e6 { width: 650rpx; position: absolute; right: 0rpx; top: 0; display: flex; justify-content: center; align-items: center; } .right-icons.data-v-4b26e9e6 { position: absolute; right: 30rpx; top: 30rpx; display: flex; align-items: center; height: 60rpx; } .warning.data-v-4b26e9e6 { animation: glowFlash-4b26e9e6 1.2s infinite ease-in-out; border: 1rpx solid #ff5757; background-color: rgba(239, 240, 244, 0.5); } .zoom.data-v-4b26e9e6 { transform: scale(1.2); transform-origin: bottom left; transition: transform 1s ease; } .juzhong.data-v-4b26e9e6 { position: absolute; top: 0%; left: 50%; transform: translateX(-50%); } .zhezhao-left.data-v-4b26e9e6 { position: absolute; top: 0rpx; left: 0%; height: 100%; width: 120rpx; background: linear-gradient(to right, #eff0f4 0%, /* #eff0f4 全不透明 */ rgba(239, 240, 244, 0) 100% /* #eff0f4 完全透明 */); z-index: 4; pointer-events: none; } .zhezhao-right.data-v-4b26e9e6 { position: absolute; top: 0rpx; right: 34%; height: 100%; width: 120rpx; background: linear-gradient(to left, #eff0f4 0%, /* #eff0f4 全不透明 */ rgba(239, 240, 244, 0) 100% /* #eff0f4 完全透明 */); z-index: 4; pointer-events: none; } .zhezhao-top.data-v-4b26e9e6 { position: absolute; top: 220rpx; left: 0%; width: 350rpx; height: 120rpx; background: linear-gradient(to bottom, #eff0f4 0%, /* #eff0f4 全不透明 */ rgba(239, 240, 244, 0) 100% /* #eff0f4 完全透明 */); z-index: 4; pointer-events: none; } .zhezhao-bottom.data-v-4b26e9e6 { position: absolute; bottom: 450rpx; left: 0%; width: 350rpx; height: 120rpx; background: linear-gradient(to top, #eff0f4 0%, /* #eff0f4 全不透明 */ rgba(239, 240, 244, 0) 100% /* #eff0f4 完全透明 */); z-index: 4; pointer-events: none; } .bgc-image.data-v-4b26e9e6 { width: 500rpx; height: 200rpx; position: absolute; top: -50rpx; left: 0; } .font-phone.data-v-4b26e9e6 { font-size: 35rpx; font-weight: 600; margin-left: 30rpx; } .phone-ball.data-v-4b26e9e6 { width: 50rpx; height: 50rpx; position: absolute; top: 50%; transform: translateY(-50%); right: 130rpx; }