.Page.buildingAround { width: 100%; height: 100%; position: relative; overflow: hidden; >.MapContainer { width: 100%; height: 100%; position: relative; overflow: hidden; z-index: 1; background: #eee; >view { width: 100%; height: calc(100vh - 700px); position: relative; overflow: hidden; map { width: 100%; height: 100%; } } } >.TabContainer { position: absolute; left: 0; width: 100%; overflow: visible; bottom: 0; >view { padding: 50px 0 0; position: relative; overflow: hidden; background: #fff; z-index: 2; border-radius: 44px 44px 0 0; >.Title { align-items: center; padding: 0 40px; >.flex-item { margin-right: 20px; >text { display: block; font-size: 34px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } >.Go { font-size: 0; white-space: nowrap; border-radius: 60px; background: #1A3B83; padding: 0 20px; >text { display: inline-block; vertical-align: middle; font-size: 28px; color: #fff; line-height: 60px; &.iconfont { margin-left: 10px; } } } } >.Address { align-items: center; padding: 0 40px; margin-top: 4px; >text { color: #1A3B83; font-size: 24px; line-height: 1; } >.flex-item { margin-left: 10px; >text { display: block; font-size: 24px; color: #999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 34px; } } } >.Nav { align-items: center; margin-top: 20px; >view { text-align: center; font-size: 0; &.active { >text { color: #1A3B83; &::after { content: ''; width: 100%; height: 4px; position: absolute; display: block; background: #1A3B83; left: 0; bottom: 0; } } } >text { display: inline-block; position: relative; overflow: hidden; font-size: 30px; color: #666; line-height: 44px; padding-bottom: 8px; font-weight: bold; } } } >.CutLine { position: relative; overflow: hidden; width: 200px; height: 8px; border-radius: 8px; background: rgba(0, 0, 0, 0.12); margin: 16px auto 0; } >.ListContainer { width: 100%; position: relative; height: 450px; >scroll-view { width: 100%; height: 100%; .ScrollContent { position: relative; overflow: hidden; padding-bottom: 40px; >.List { padding: 0 30px; position: relative; overflow: hidden; >view { align-items: center; margin-top: 20px; >text { font-size: 30px; line-height: 40px; color: #666; margin-left: 10px; &.iconfont { color: #1A3B83; } } >.flex-item { >text { display: block; font-size: 28px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } } } >text { display: block; padding: 0 30px; font-size: 28px; color: #666; line-height: 40px; margin-top: 40px; } } } } } } }