.ul-map-location .option { display: flex; justify-content: space-between; align-items: flex-start; padding-top: 10px; } .ul-map-location .search-container { position: relative; } .ul-map-location .search-container .search-main { display: flex; } .ul-map-location .search-container .search-main .search-prefix { display: flex; align-items: center; justify-content: flex-end; white-space: nowrap; } .ul-map-location .search-container .search-main .search-prefix .search-prefix-item { display: flex; align-items: center; justify-content: center; margin-right: 6px; } .ul-map-location .search-container .search-main .search-prefix .search-prefix-item .close { margin-left: 3px; } .ul-map-location .search-container .search-main .location-input { width: 240px; } .ul-map-location .search-container .search-main .on-search { width: 68px; } .ul-map-location .search-container .search-body { width: 292px; padding: 8px; position: absolute; top: 100%; right: 0; z-index: 899999; background: #fff; } .ul-map-location .search-container .search-body .search-result { max-height: 300px; overflow-y: auto; background-color: #fff; border: 1px solid #e6e6e6; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12); } .ul-map-location .search-container .search-body .search-result .result-item { padding: 5px 8px; cursor: pointer; border-bottom: 1px solid #f0f0f0; } .ul-map-location .search-container .search-body .search-result .result-item:hover { background-color: #f2f2f2; } .ul-map-location .search-container .search-body .search-result .result-item .name { font-size: 14px; font-weight: bold; color: #333; margin-bottom: 3px; } .ul-map-location .search-container .search-body .search-result .result-item .address { font-size: 12px; color: #666; margin-bottom: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ul-map-location .search-container .search-body .search-result .result-item .info { display: flex; justify-content: space-between; font-size: 12px; } .ul-map-location .search-container .search-body .search-result .result-item .info .type { color: #009688; background-color: #f2f2f2; padding: 0px 5px; border-radius: 2px; } .ul-map-location .search-container .search-body .search-result .result-item .info .location { color: #999; } .ul-map-location .search-container .search-body .search-result .no-result { padding: 15px; text-align: center; color: #999; } .ul-map-location .search-container .search-body .search-result-option { display: flex; align-items: center; justify-content: space-between; } .ul-map-location .search-container .search-body .search-result-option .item { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ul-map-location .search-container .search-body .search-result-option .item.disabled { opacity: 0.5; cursor: not-allowed; } .ul-map-location .search-container .search-body .search-statistics { margin-top: 10px; } .ul-map-location .search-container .search-body .search-statistics .title { font-size: 14px; color: #333; margin-bottom: 10px; } .ul-map-location .search-container .search-body .search-statistics .list { display: flex; flex-wrap: wrap; } .ul-map-location .search-container .search-body .search-statistics .list .item { background-color: #f2f2f2; padding: 0px 3px; margin: 0 3px 3px 0; border-radius: 2px; font-size: 12px; color: #666; cursor: pointer; } .ul-map-location .search-container .search-body .search-statistics .list .item:hover { background-color: #e6e6e6; } .ul-map-location .search-container .search-body .option-body { text-align: center; color: #999; cursor: pointer; margin-top: 6px; } .ul-map-location .location-message { margin-top: 10px; padding: 8px; background-color: #f8f8f8; border-radius: 2px; font-size: 12px; display: flex; justify-content: space-between; align-items: center; } .ul-map-location .location-message .location-me { margin-left: 10px; } .ul-map-location .error-message { margin-top: 10px; padding: 8px; background-color: #fff2f0; border: 1px solid #ffccc7; border-radius: 2px; color: #f5222d; font-size: 12px; }