.popup {
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	overflow-y: scroll;
	background-color: #EEF2F5;
	display: none;
	z-index: 999;
}
.popup.show {
	display: block;
}

.popup .popup-header {
	position: fixed;
	width: 100%;
	height: 1rem;
	background-color: #3C88C5;
	top: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 2;
}

.popup .popup-header .popup-close {
	width: 0.3rem;
	height: 0.3rem;
	margin-left: 0.34rem;
	margin-right: 0.24rem;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAABHNCSVQICAgIfAhkiAAAAYVJREFUWEfF2A1RwzAUB/DGARJwAA44lIADsIADJKwSUAAScIAFHJT/2zVclyV5n21618uadd1vL19vScuyfE7TdIPzMaX0i3LYAcs9vpw8c8LFO1684PweidugKEhvicKDyhOKp1G4AjWj5Z7PsJG4Goo8/7ARuBbqCnYkroeqwo7AcagmbE+cBNWF7YGTolhYJE6DEsEicFqUGObBWVAq2Ir7QvkgXSGsKAuM1jHC3XE4D0oNW6PG4rwoE4zDRaDMsBYO9bc4c353zhLoXstxsYhrH4DolM1KMKpzoVwRyz+iwFG1GxUFy+kwRYqOkEzY25Rb1AwUXbNTiaTLmGG10Vfpc+Y/OCZYb0qIwqlhknkqAqeCSVCN0aoeEGKYBhWBE8EsKC+OhXlQHlwXFoGy4pqwSJQFV4XtgdLirmB7ojS4cu/iYu3z5FPceshNwtvdnsNQksjl/bHDURyOdhSHobo4wH5wA6XEIZkn17da7xd97iPvwU7o6K/Wh0Z9bsWdKAv+Axcfg3dB7C5rAAAAAElFTkSuQmCC) no-repeat;
	background-size: 100% 100%;
}

.popup .popup-header .popup-search {
	flex: 1;
	height: 0.51rem;
	border-radius: 0.1rem;
	margin-right: 0.28rem;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABHNCSVQICAgIfAhkiAAAAd5JREFUOE+9lc1RwzAQhbXyAW5AB6YD04GpAHeAcAj4RujAJeRoII7VAaYCQgWkg6QEjjCMZN46P2M8CuAhoBnNxLb0afdp34aEY5yfJ6G14pSoCoQgTB7VtKoIsyqL4ubBta/5jpoPSiW+54kCkCMASyFsSSRfamxl94WQEX5h0rMx5lrru+mmA9ZgpfqBlPKRSDwZQwOts7lrk1Jq3/N2UnxTyGAwHmfata4Gc6RSVs9E9JDnmfouTf4ex4mCVENjbOiKvAZj0QSLXvL8Bmn+fPR6l0NEfYKoD9u7iC+KLwTpB5vS33TUUpa5SxLq9ZJao59K0D6Eo8Y7v50txfHlFDKkeX6LKug+FhmLRwT2qcI44gqVcDwaZZPu2MXFo0Rn/wf+Syl+dXkoVTZLiJILm1JC44sI5VJY+3aota7t22XgjlBuIm07cG0QwGb4eNYFGscXA7g1NebNbwe1tHQ/8Dw5+cr77QMXlhbFpopa197K+4DfW/uKzuWWhd0m5e4VgKwtup44czWiVtvkyL0SFt/jtslWR6tc605kuWVGMNQBJIjQs32O2gX/BF6lu4yeISdNCQB4wrNGRuUqo5UkbbgT3OUCea0LvhWwC741cBPOlbJVMMP5L06I9/kH1mMQxmZkfwIAAAAASUVORK5CYII=) no-repeat #fff;
	background-size: 0.22rem auto;
	background-position: 0.165rem 0.15rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.popup .popup-header .popup-search .popup-search-input {
	border: none;
	padding: 0;
	flex: 1;
	margin-left: 0.49rem;
	height: 0.37rem;
	line-height: 0.37rem;
	font-size: 0.25rem;
	color: #000000;
	background-color: #fff;
	outline: none;
	pointer-events: none;
}
.popup .popup-header .popup-search input::-webkit-input-placeholder {
	color: #6C6C6F;
}

.popup .popup-header .popup-search .popup-search-btn {
	font-size: 0.25rem;
	color: #3C88C5;
	margin-right: 0.23rem;
	pointer-events: none;
}

.popup .popup-sidebar {
	position: fixed;
	top: 1rem;
	right: 0;
	width: 0.98rem;
	height: calc(100% - 1rem);
	background-color: #fff;
	z-index: 2;
}

.popup .popup-sidebar .popup-sidebar-box {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	padding: 0.1rem 0rem;
	box-sizing: border-box;
}

.popup .popup-sidebar .popup-sidebar-letter {
	display: block;
	font-size: 0.2rem;
	color: #0089CA;
	width: 0.58rem;
	height: 0.28rem;
	line-height: 0.28rem;
	text-align: center;
	border-radius: 0.14rem;
	margin: 0.01rem 0rem;
	user-select: none;
}
.popup .popup-sidebar .popup-sidebar-letter:first-child {
	font-size: 0.2rem;
}
.popup .popup-sidebar .popup-sidebar-letter.active {
	background-color: #0089CA;
	color: #fff;
}

.popup .popup-container {
	position: relative;
	width: calc(100% - 0.98rem);
	padding-top: 1.1rem;
}

.popup .popup-container .popup-city-group {
	width: 100%;
}
.popup .popup-container .popup-city-group.hide {
	display: none;
}

.popup .popup-container .popup-city-group .title {
	width: calc(100% - 0.68rem);
	margin: 0 auto;
	font-size: 0.25rem;
	color: #0A1C37;
	padding: 0.1rem 0rem;
	border-bottom: solid 0.01rem #D2D9DF;
}

.popup .popup-container .popup-city-group .citys {
	width: calc(100% - 0.68rem);
	margin: 0 auto;
	padding: 0.1rem 0rem;
}
.popup .popup-container .popup-city-group .citys .citys-box {
	width: 5.25rem;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.popup .popup-container .popup-city-group .citys .citys-box .item {
	width: auto;
	min-width: 1.7rem;
	height: 0.7rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0.1rem;
	background-color: #fff;
	margin-bottom: 0.05rem;
	margin-right: 0.05rem;
}
.popup .popup-container .popup-city-group .citys .citys-box .item .icon {
	width: 0.15rem;
	height: 0.2rem;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAUCAYAAABSx2cSAAAABHNCSVQICAgIfAhkiAAAAbxJREFUOE99U0FOwlAQnSkLEjERT2BvoOyENrGeQD2BcAPYKF0Jq6Ib4gmEE8gNLEk/uANPIJ5AXIAhkY7zWwq/rfUnTduZefPfzLxBUM5Jd1LcX31fA/iXAGhJFwHM+OUiaX3PLrtqPEY/lQdxgj48s0FXA9RvTtRb5Pca00ZpLu0BWAI1HyZZoLidXK9pngfgkOrinT+L2yCCoaS61nCKRBbfUOXnQPG3PdtooXHv1ZGwm3Sot506Yz0HvosIR6Gd5nz7IZqOcJn8WWiDIWcMGpU8pjO2AP2XyL5GvEKzI7gPm0MQ0Mmq3eiI+ZY+x8bAMtv4tjLIAidYttHoeFMEPJYAH+Bx1DTqmWCFpU9QY7AYMJWLqBE/lCu92uVZumbR4t7cRXZfgxJWHFHVEJ52ZcOM1VRT1cR0Y0Ai+BC2oW/mvPxMUyWpomkkU9UflRcoLJk5q+ZwmvDFEtWlRAOwVFlhtZzFVJSVQRnndjFSSvsDTEBvi3zBii1GFBfvfBotOzy6MbgP4dnevKO/cKO5x5rEcx3ZRk+1xcDSsdlrTrDbIiLqC9usJrmkwMkEWcAUbTWzZMB6rf4n118G3smcUbvMPwAAAABJRU5ErkJggg==) no-repeat;
	background-size: auto 100%;
	margin-right: 0.04rem;
	pointer-events: none;
	display: none;
}
.popup .popup-container .popup-city-group .citys .citys-box .item .text {
	font-size: 0.25rem;
	color: #0A1C37;
	pointer-events: none;
}

.popup .popup-container .popup-city-container {
	width: 100%;
}

.popup .popup-container .popup-city-container .popup-city-gather {
	position: relative;
	width: 100%;
}

.popup .popup-container .popup-city-container .popup-city-gather .title {
	position: sticky;
	top: 1rem;
	width: 100%;
	height: 0.55rem;
	box-sizing: border-box;
	padding-left: 0.34rem;
	font-size: 0.25rem;
	color: #0A1C37;
	display: flex;
	align-items: center;
	background-color: #EEF2F5;
}

.popup .popup-container .popup-city-container .popup-city-gather .city {
	width: 100%;
	height: 0.65rem;
	font-size: 0.25rem;
	color: #0A1C37;
	display: flex;
	align-items: center;
	background-color: #fff;
	box-sizing: border-box;
	padding-left: 0.34rem;
	border-bottom: solid 0.01rem #dfdfdf;
}
.popup .popup-container .popup-city-container .popup-city-gather .city:last-child {
	border-bottom: none;
}

#search-page {
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	overflow-y: scroll;
	background-color: #fff;
	z-index: 3;
	display: none;
}
#search-page.show {
	display: block;
}
#search-page .search-header {
	position: fixed;
	width: 100%;
	height: 1rem;
	background-color: #3C88C5;
	top: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 2;
}

#search-page .search-header .popup-exit {
	width: 0.37rem;
	height: 0.39rem;
	margin-left: 0.31rem;
	margin-right: 0.29rem;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAnCAYAAACIVoEIAAAABHNCSVQICAgIfAhkiAAAAUlJREFUWEftmOERwiAMhWUDR+gG6gTqJI6gTqAj6AaO4AY6QkdwBJ2g5im9U0pLeqHE8+CPZwvhyys8cpiRoFVVdaDha0EId+iNHsyMJOAAUMBZiqAkCbljKcErPZtnqJCqWamQQvX7/1CKshhTRoUxpuRm3rdfL6Us0IUmmb62qzHYutEbG8oBegCMoOC60RsLygO0UP18qYEge6dSGkCdUFpArVCaQF4obaAG1C8A+aDg0pPoxvMOuCUbQXUabF+7j/4MCXUkqE2QyLUE+/lwdEAtAOIouXMCxezT8KlfAPOapzZYq6NrgnGOmeRrLFglaCgWhLJmhmozmWIsqNRgbCgPmH45XJujXWOoPM8xDfMzVi+lhoJw42YortJZqayU9bA9/e64ajD7ya4XaXGeaKIVczJON1wNFOI7TwLDxQfOyRitRNX7BB2uI+XyVFpJAAAAAElFTkSuQmCC) no-repeat;
	background-size: 100% 100%;
}

#search-page .search-header .popup-search {
	flex: 1;
	height: 0.51rem;
	border-radius: 0.1rem;
	margin-right: 0.28rem;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABHNCSVQICAgIfAhkiAAAAd5JREFUOE+9lc1RwzAQhbXyAW5AB6YD04GpAHeAcAj4RujAJeRoII7VAaYCQgWkg6QEjjCMZN46P2M8CuAhoBnNxLb0afdp34aEY5yfJ6G14pSoCoQgTB7VtKoIsyqL4ubBta/5jpoPSiW+54kCkCMASyFsSSRfamxl94WQEX5h0rMx5lrru+mmA9ZgpfqBlPKRSDwZQwOts7lrk1Jq3/N2UnxTyGAwHmfata4Gc6RSVs9E9JDnmfouTf4ex4mCVENjbOiKvAZj0QSLXvL8Bmn+fPR6l0NEfYKoD9u7iC+KLwTpB5vS33TUUpa5SxLq9ZJao59K0D6Eo8Y7v50txfHlFDKkeX6LKug+FhmLRwT2qcI44gqVcDwaZZPu2MXFo0Rn/wf+Syl+dXkoVTZLiJILm1JC44sI5VJY+3aota7t22XgjlBuIm07cG0QwGb4eNYFGscXA7g1NebNbwe1tHQ/8Dw5+cr77QMXlhbFpopa197K+4DfW/uKzuWWhd0m5e4VgKwtup44czWiVtvkyL0SFt/jtslWR6tc605kuWVGMNQBJIjQs32O2gX/BF6lu4yeISdNCQB4wrNGRuUqo5UkbbgT3OUCea0LvhWwC741cBPOlbJVMMP5L06I9/kH1mMQxmZkfwIAAAAASUVORK5CYII=) no-repeat #fff;
	background-size: 0.22rem auto;
	background-position: 0.165rem 0.15rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#search-page .search-header .popup-search .popup-search-input {
	border: none;
	padding: 0;
	flex: 1;
	margin-left: 0.49rem;
	height: 0.37rem;
	line-height: 0.37rem;
	font-size: 0.25rem;
	color: #000000;
	outline: none;
}
#search-page .search-header .popup-search input::-webkit-input-placeholder {
	color: #6C6C6F;
}

#search-page .search-header .popup-search .popup-search-btn {
	font-size: 0.25rem;
	color: #3C88C5;
	margin-right: 0.23rem;
}
#search-page .result_container {
	width: 83.1%;
	margin: 0 auto;
	padding-top: 1rem;
}
#search-page .result_container .item {
	width: 100%;
	height: 0.68rem;
	display: flex;
	align-items: center;
	font-size: 0.25rem;
	color: #0089CA;
	border-bottom: solid 0.01rem #D2D9DF;
}
#search-page .result_container .item.nodata {
	color: #0A1C37;
	justify-content: center;
}

.popup .popup-toast {
	position: fixed;
	width: 1.96rem;
	height: 1.47rem;
	border-radius: 0.15rem;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background-color: rgba(99, 99, 104, 0.6);
	font-size: 0.46rem;
	left: 50%;
	transform: translate(-50%, -50%);
	top: calc(1rem + (100vh - 1rem) / 2);
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.5s ease-out;
}
.popup .popup-toast.active {
	opacity: 1;
}