.header-city { position: absolute; top: 0; right: 0; z-index: 1; color: #fff; }
.header-city-p { text-transform: none; font-size: 11px; line-height: 11px; }
.header-city-p span { cursor: pointer; display: inline-block; border-bottom: 1px dashed #fff; font-weight: bold; }
.header-city .header-city-ul { top: 0; display: none; position: absolute; bottom: auto; left: -15px; background-color: #000; white-space: nowrap; padding: 0; border: 1px solid #333; box-shadow: 0 0 5px 0 #00000052, 0 0 10px 5px #00000052; min-width: 160px; }
.header-city-ul li { display: block; list-style-type: none; text-transform: none; font-size: 12px; margin: 0; padding: 6px 15px; cursor: pointer; border-bottom: 1px solid #333; transition: all 0.2s ease-out 0s; }
.header-city li a { color: #fff; }
.header-city-ul li:hover { background-color: #222; }