 <style>
#selectBar{
	width:100%;
	height:30px;
	padding:20px 0px 0px 20px;
}
#selectBar a{
	float:left;	
	width: 110px;
	border-bottom: 2px solid #f4f5f7;
	color: #4c637b;
	text-align:center;
	padding-bottom:10px;
	text-decoration: none;
}

#selectBar a:hover{
	border-bottom: 2px solid #36aeea;
	color: #36aeea;
}

#selectBar a.selectBar_change{
	border-bottom: 2px solid #36aeea;
}
</style>
 
 <div id="selectBar">
				<a  href="${ctx}/back/main/ap/apmac/list">热点管理</a>
				<a href="${ctx}/back/main/ap/place/unclassfiedPlaceName">新增数聚场景</a>
				<a href="${ctx}/back/main/ap/place/place-sort">用户场景定义</a>
				<a href="${ctx}/back/main/ap/apmac/relationship">场景对应关系</a>
</div>
<script type="text/javascript">
	$(function(){
		var path = window.location.pathname;
		if(path.indexOf("list") != -1){
			$("#selectBar a:first").css("border-bottom","2px solid #36aeea");
		};
		if(path.indexOf("place/create") != -1){
			$("#selectBar a:eq(1)").css("border-bottom","2px solid #36aeea");
		};
		if(path.indexOf("place-sort") != -1){
			$("#selectBar a:eq(2)").css("border-bottom","2px solid #36aeea");
		};
		if(path.indexOf("apmac/relationship") != -1){
			$("#selectBar a:eq(3)").css("border-bottom","2px solid #36aeea");
		};
	});
</script>

