.map { height: 100vh; width: 100%; } .map-w { position: relative; } .contact-w { position: absolute; right: 40rpx; bottom: 372rpx; height: 125px; width: 52px; border-radius: 62.5px; color: #fff; text-align: center; } .contact-nav { top: 27px; height: 52px; } .contact-mask { background: #000; opacity: 0.66; position: absolute; width: 100%; height: 100%; } .contact-content { position: absolute; z-index: 11111; height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 30rpx 0; box-sizing: border-box; } cover-view { line-height: 32rpx; font-size: 22rpx; } .contact-nav .contact-content { padding: 0; justify-content: center; } .contact-nav .contact-logo { width: 20px; height: 20px; } .contact-logo { height: 24px; width: 24px; margin: 0 auto 2px; }