/* citybox */
.cityname{float:left}
.cityspell{float:right}
.cityBox{width:390px;border:1px solid #B3CDC0;overflow:hidden;box-shadow:2px 2px 3px rgba(0,0,0,0.3); background:#FFF; font-size:12px;}
.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:#00a346}
.cityBox ul li.on{border-bottom-color:#00a346;position:relative}
.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:#00a346;margin-top:1px;text-indent:5px;font-family:"Lucida console","consolas","courier new";line-height:25px;font-size:16px;width:20px}
.cityTab dl dd{margin-left:2px;float:left;width:335px}
.cityTab dl dd a{padding-left:5px;min-width:66px;line-height:25px;display:inline-block;color:#444;text-decoration:none}
.cityTab dl dd a:hover{color:#00a346}
.cityinput{font-size:13px;padding-left:2px;border:1px solid #D8D8D8}
.track-box{width:100%;height:100%;position:fixed;background:rgba(0,0,0,0.6);top:0;left:0;z-index:99998;opacity:0;visibility:hidden}
#tracking{width:400px;height:400px;position:fixed;top:50%;margin-top:-200px;left:50%;margin-left:-200px;transform:scale(0.5);transition:0.3s;border-radius:5px;background:#fff;z-index:999;padding:30px;text-align:center}
#tracking h1{font-size:26px;color:#555;font-weight:normal;margin-bottom:30px}
.close-track{width:30px;height:30px;position:absolute;right:10px;top:10px;font-size:25px;cursor:pointer;line-height:25px;color:#999}