.top{height: 39px;background: #222;color: #fff;line-height:39px;font-size: 13px;}
.top a{color: #fff;}
.top .wel{ position:relative;}
.top .tel{float:left; padding-left:12px;}
.areac{position:relative; z-index: 9999; float:left;}
.area{
	position: absolute;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgb(61 94 193 / 8%);
	width:320px;
	left:60px;
	padding:0px 12px 0px;
	z-index: 9999;
	top: 39px;
	display:none;
	border-radius: 0px 0px 6px  6px;
}
.area a{ display: block; color:#666;}
.area a:hover{color:#3dc2c1}
.areac:hover{color:#3dc2c1; cursor: pointer;}
.areac:hover .area{display: block;}


.areacity{display:none;}
.areacity a{line-height:24px;}
.area li{padding:0px 4px; float:left;position:relative}


.cid{position: absolute; z-index: 101; width:312px; border:1px solid #ccc; background-color: #fff;
    box-shadow: 0 0 10px 0 rgb(61 94 193 / 28%); display:none; border-radius:6px; padding: 0px 12px 0px;}
.cid a{display: block; color:#666;padding:0px 4px; float:left;}