/****************城市弹出框*****************/
.city-pop-up{display:none;}
.city-pop-upBg{ background:rgba(0,0,0,.5);  position: fixed; z-index: 1002; top: 0 ; left: 0; width: 100%; height: 100%; }
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
.city-pop-upBg{
	 background-color:#000000;
    filter:Alpha(opacity=80);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
}
}
.cityPop-center{ position: fixed; z-index: 1003; top: 18%; left: 50%; width:960px; height:600px; border: 12px solid rgba(0,0,0,.3); display: block; margin: 0 auto 0 -480px;}
.cityPop-centerTitle{ background: #00C99D; color: #fff; overflow: hidden; }
.cityPop-centerTitle h6{line-height: 48px; padding-left: 20px; font-size:18px; color: #fff;}
.cityPop-box{ background: #fff; height: 530px; padding:0; }

.hotCities h6{ font-size: 16px; color: #00C99D; font-weight: bold; padding: 0 20px; }
.hotCit-list{ overflow: hidden; margin-top: 10px; padding: 0 5px; }
.hotCit-list li{ float: left; font-size: 16px; cursor: pointer; color: #333;padding:4px 10px; margin:0px 5px;border-radius: 4px; font-weight: normal; }

.hotCity_text{ font-size: 12px; color: #999; margin-bottom: 14px; }
.hotCity_cur{ margin: 0px 0 26px 0; float: left; width: 100%;}
.hotCity_cur p{ padding:0 7px; color: #fff; background: #FFB53A; font-size: 12px; float: left; line-height: 24px;}
.cityDiffer{ position: relative; background:#fafafa;height:530px; margin:0; overflow: hidden; font-size: 16px; color: #333; font-weight: normal;}
.cityDiffer-conter{width:130px; display: block; float: left;}
.cityDiffer-conter dt{ cursor: pointer; padding-left:14px; border-left: 4px solid #FAFAFA;float: left; width: 130px; height: 36px; background: #FAFAFA; text-align: left; line-height: 34px; font-weight: normal;font-size: 13px; color: #666; font-weight: normal; }
.cityDiffer-conter dd{ background:#fff; padding:10px 12px; overflow-y: scroll; position: absolute; right: 0; top: 0; display: none; float: left; width: 806px; box-sizing: border-box; height: 532px;}
.cityDiffer-conter dd span:hover{}
.cityDiffer-conter .dityDifferBox{ display: none; }
.cityPop-icon{width: 16px; height: 16px; display: block; background: url(../../images/btn-icon/closeCity.png) no-repeat; float: right;    margin: 14px 20px 0 5px; cursor: pointer;}
.dityDifferl_text{ width:100%; float: left;}
.dityDifferl_text h6{ font-size: 12px; color: #00C99D; font-weight: bold; margin:15px 0 15px 0; padding:0 7px;}
.dityDifferl_text li{ margin:6px 0; float: left; width:108px; height: 26px;}
.dityDifferl_text li span{ max-width:100%;text-overflow: ellipsis; overflow:hidden; white-space:nowrap; font-size: 13px; color: #333; line-height: 24px; display: block; float: left; padding:0 7px;}
.dityDifferl_text li span:hover{ background:#eee; cursor: pointer;}
.dityDifferl_text li .dityDifferlCur,.dityDifferl_text li .dityDifferlCur:hover{ color: #fff; background: #FFB53A}
/****/

.cityDiffer-conter .cityDifferName,.cityDiffer-conter .cityDifferName:hover{ background: #fff; border-left: 4px solid #00C99D; color: #00C99D }
.cityDiffer-conter dt:hover{ background: #EEEEEE; border-left: 4px solid #EEEEEE;}

.cityBox-bod{ width: 90px; margin: 0; }


/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
.dityDifferList::-webkit-scrollbar  
{  
    width: 6px;  
    height: 6px;  
    background-color: #F5F5F5;  
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
.dityDifferList::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 6px rgba(219,219,219,0.3);  
    border-radius: 10px;  
    background-color: #F5F5F5;  
}  
  
/*定义滑块 内阴影+圆角*/  
.dityDifferList::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  
    -webkit-box-shadow: inset 0 0 6px rgba(219,219,219,0.3);  
    background-color: #999;  
}  

/****************城市弹出框 end*****************/