page{ height: 100%; } .select-search{ height: 10%; white-space: nowrap; overflow-x: auto; } .search-btn{ display: inline-flex; flex-direction: column; justify-content: center; align-items: center; width: 150rpx; } .search-btn image{ display: block; margin: 5rpx auto; width: 60rpx; height: 60rpx; } .map_container{ height: 75%; width: 100%; } .map { height: 100%; width: 100%; } .go-here{ width: 160rpx; height: 60rpx; line-height: 60rpx; margin: 0 auto; background: #50A4F3; color: #fff; font-size: 30rpx; text-align: center; border-radius: 10rpx; flex-shrink: 0; margin-top: 30rpx; } .place_info{ height: 15%; overflow-y: auto; padding: 15rpx 20rpx; display: flex; box-sizing: border-box; justify-content: space-between; } .info-box{ width: 470rpx; } .info-box text{ font-size: 28rpx; color: #BBB; } .info-box text.title{ font-size: 34rpx; color: #000; }