/* citySelector */
*{margin:0;padding:0;box-sizing:border-box;}
.citySelector{font:12px/1.5 tahoma,arial,\5b8b\4f53;background:#fff;text-align:left;}
.cityslide{width:250px;list-style:none;margin:0;padding:0;border:1px solid #B3CDC0;box-shadow:2px 2px 3px rgba(0,0,0,0.3);overflow:auto;max-height:300px;}
.cityslide li{list-style:none;overflow:hidden;height:30px;padding:0px 10px;line-height:30px;}
.cityslide li.on{background:#23AFE6;color:#fff;cursor:pointer;}
.cityslide li:hover{background:#23AFE6;color:#fff;cursor:pointer;}
.cityslide li b{font-weight:normal;}
.cityslide li.empty{background:#fff2e8;color:#666;}
.cityslide li.empty em{color:red;font-style:normal;}
.cityname{float:left;}
.cityspell{float:right;}
.cityBox{width:550px;overflow:hidden;box-shadow:0px 1px 2px rgba(0,0,0,0.16);border-radius: 5px;}
.cityBox ul{margin:0;padding:0 30px;overflow:hidden;}
.cityBox ul li:first-child{margin-left:5px;}
.cityBox ul li{margin:0 6px; float:left;list-style:none;padding:5px;border-bottom:2px solid transparent;cursor:pointer;display:inline;color:#333;}
.cityBox ul li.on{border-bottom-color:#23AFE6;position:relative;color:#23AFE6;}
.hide{display:none;}
p.tip{color:#999;line-height:20px;padding:5px;margin:0;text-indent:3px;}
.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:#23AFE6;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;width:510px;}
.cityTab dl dd a{cursor:pointer;padding-right:10px;padding-left:5px;min-width:80px;line-height:25px;display:inline-block;color:rgba(91,91,91,0.7);text-decoration:none;font-weight:300;}
.cityTab dl dd a:hover{color:#23AFE6;}
.cityinput{ font-size: 12px; padding-left: 2px; background: url(T1EPyLXm0hXXXXXXXX-200-100.png) no-repeat 150px 5px; border: 1px solid #D8D8D8; }

.my_city{
    margin:8px 0 18px 35px;
}
.my_city a{
    color:rgba(91,91,91,0.7);
}
.hot_city{
    margin-left: 35px;
}
.hot_city .hotcity_in{
    margin:4px 0 18px;
}
.hot_city .hotcity_in a{cursor:pointer;padding-right:18px;line-height:25px;display:inline-block;color:rgba(91,91,91,0.7);text-decoration:none;font-weight:300;}
.hot_city .hotcity_in a:hover{color:#23AFE6;}