*{margin:0;padding:0;box-sizing:border-box}
.citySelector{background:#fff;text-align:left;font-size:16px;max-width:500px}
.cityslide{width:250px;list-style:none;margin:0;padding:0;border:1px solid #b3cdc0;box-shadow:2px 2px 3px rgba(0,0,0,.3);overflow:auto;max-height:300px}
.cityslide li{list-style:none;overflow:hidden;height:30px;padding:0 10px;line-height:30px}
.cityslide li.on,.cityslide li:hover{background:#fcb501;color:#fff;cursor:pointer}
.cityslide li b{font-weight:400}
.cityslide li.empty{background:#fff2e8;color:#666}
.cityslide li.empty em{color:red;font-style:normal}
.cityname{float:left}
.cityspell{float:right}
.cityBox{border:1px solid #b3cdc0;overflow:hidden;box-shadow:2px 2px 3px rgba(0,0,0,.3)}
.cityBox ul{margin:0;padding:0;overflow:hidden}
.cityBox ul li:first-child{margin-left:5px}
.cityBox ul li{float:left;list-style:none;padding:5px;border-bottom:1px solid #ddd;cursor:pointer;display:inline;color:#fcb501}
.cityBox ul li.on{border-bottom-color:#fcb501;position:relative}
.hide{display:none}
.cityBox p.tip{color:#999;line-height:20px;padding:5px;margin:0;text-indent:3px;display:none}
.hotCity{border-top:1px solid #ddd;margin-top:-1px;clear:left;overflow:hidden;padding-bottom:10px;padding-top:10px;_margin-bottom:8px}
.cityTab{overflow:hidden}
.cityTab dl{margin:0;padding:0 0 0 10px;overflow:hidden}
.cityTab dl dt{float:left;padding-left:3px;color:#fcb501;margin-top:1px;text-indent:5px;font-family:"Lucida console",consolas,"courier new";line-height:25px;font-size:14px;width:20px}
.cityTab dl dd{margin-left:2px;float:left}
.cityTab dl dd a{padding-left:5px;min-width:66px;line-height:25px;display:inline-block;color:#333;text-decoration:none}
.cityTab dl dd a:hover{color:#fcb501}
.cityinput{font-size:12px;padding-left:2px;background:url(T1EPyLXm0hXXXXXXXX-200-100.png) 150px 5px no-repeat;border:1px solid #d8d8d8}
.hot.cityTab dt{display:none}