*{
	margin: 0;
	padding: 0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
img{
	border: none;
}
ul,ol,li{
	list-style: none;
}
html{font-size:62.5%}
body{font-size: 14px;font-size: 1.4rem;} 

body{
	font-family: '微软雅黑','Heiti SC','华文黑体','黑体',"Helvetica Neue";
}
body,html{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
a{
	text-decoration: none;
}
::-webkit-scrollbar{
	width: 0;
	height: 0
}
.b1{
	background: url(../images/new1.jpg) center center no-repeat;
	background-size: cover;
	display: -webkit-box;
	-webkit-box-orient:vertical;
}
.b2{
	background:url(../images/new2.jpg) center center no-repeat;
	background-size: cover;
}
.b3{
	background: #160c51;
	display: -webkit-box;
	-webkit-box-orient:vertical;
}
.center-block{
	display: block;
	margin:0 auto;
}
.img-res{
	max-width: 100%
}
.flex1{
	-webkit-box-flex:1;
	overflow: scroll;
	-webkit-overflow-scrolling:touch;
}
.grid{
	width: 50%;
	float: left;
	text-align: center;
	/*border-image: -webkit-linear-gradient( red , blue) 30 30;
border-image: -moz-linear-gradient( red, blue) 30 30;
border-image: linear-gradient( red , blue) 30 30;*/
}

.grid img{
	width: 50%;
	margin: 10px 0
}

.gridcon{
	width: 100%;
	position: relative;
	overflow: hidden;
	background: url(../images/nbg2.png) center center no-repeat;
	background-size: contain;
}
.tabdiv{

	width: 80%;
	margin: 20px auto;
	position: relative;
	overflow: hidden;
}
.tabdiv b{
	width: 33%;
	float: left;
	font-size: 18px;
	color: white;
	text-align: center;
	padding: 15px 0
}
.tabdiv b.act{
	color: #ffecac;
	background: url(../images/new3.jpg) center bottom no-repeat;
}
.tabcon{
	overflow: scroll;
	-webkit-overflow-scrolling:touch;
}
.tabcon img{
	
	margin-left: 20px;
	display: none; 
}
.tabcon img.act{
	display: block;
}
.mapcon{
	width: 100%;
	height: 100%
}



@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone4/4s */
	.grid img{
		width: 40%;
		margin:5px 0
	}
}
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */
	.class{}
}

/*百度地图*/
.baidumap{
	overflow-y: scroll;
	-webkit-overflow-scrolling:touch;
}
#l-map{height: 220px;width:100%;}
#r-result,#r-result table{width:100%;}
.nav { width: 100%; height: 2em; line-height: 2em; background: #EDEDED; border: 1px solid #ADADAD;}
.nav .nav-inner{ width: 30%; margin-left: 35%;}
.nav .nav-sub { float: left; width: 33%;}
.nav .nav-sub a { text-decoration: none; }
.nav .nav-sub a i { display: inline-block; background: url("http://webmap1.map.bdstatic.com/wolfman/static/common/images/ui3/mo_banner_ba37b5d.png")}
.nav .nav-sub a.bus i { background-position: -1px -192px; position: relative; top: 2px; width: 13px; height: 16px;}
.nav .nav-sub a.driver i { background-position: -29px -194px; width: 15px; height: 14px;}
.nav .nav-sub a.walk i { background-position: -102px -189px; width: 16px; height: 18px;}
.nav .nav-sub a.bus.cur i { background-position: -15px -192px;}
.nav .nav-sub a.driver.cur i { background-position: -45px -194px;}
.nav .nav-sub a.walk.cur i { background-position: -120px -189px;}
.hide {display: none;}
#search input {width: 100%; height: 40px; font-size: 14px; line-height: 40px; border: 0px; outline: 0px; padding: .2em 1em; }
.btn-group { width: 100%; border-top: 1px solid #DDD; border-bottom: 2px solid #DDD;}
#search button {width: 32%; text-align: center; border: 0; border-radius: 0;
 background-color: inherit; height: 44px; line-height: 44px; font-size: 15px;
 outline: none;
}
#search button.act{
	background: #0C88E8;
	color: white
}