/**
*	app.css 
*	管理项目的样式
*/

/** 文字颜色 **/

.c-black-1	{ color: #000000 ; }
.c-black-2	{ color: #666666 ; }
.c-black-3	{ color: #bbbbbb ; }

.c-white-1	{ color: #fffffF ; }
.c-red-1	{ color: #b71414 ; }
.c-warn-1 	{ color: #b71414 ; }
	
.c-blue-1	{ color: #3460a7 ; }
.c-blue-2	{ color: #1770aa ; }
.c-blue-3	{ color: #17abad ; }
.c-blue-4	{ color: #2f94ca ; }

.c-green-1	{ color: #02ba00 ; }
.c-green-2	{ color: #80b100 ; }
.c-orange-1 { color: #FB9E30 ; }

/** 背景颜色 **/

.b-white-1	{ background: #ffffff ; }
.b-grey-1	{ background: #efeff4 ; }
.b-grey-2	{ background: #dfdfdf ; }
.b-grey-3	{ background: #c8c6cc ; }

.b-blue-1	{ background: #3460a7 ; }
.b-blue-2	{ background: #1770aa ; }
.b-blue-3	{ background: #17abad ; }
.b-blue-4	{ background: #2f94ca ; }

.b-green-1	{ background: #02ba00 ; }
.b-green-2	{ background: #80b100 ; }

.b-red-1	{ background: #b71414 ; }
.b-warn-1 	{ background: #b71414 ; }
.b-orange-1 { background: #FB9E30 ; }


a	{ color: #007aff ; }
body	{ font-size: 28px ; line-height: 1.6 ; }
.radius10	{ border-radius: 10px ; -webkit-border-radius: 10px ; }


/** 文字控制 **/


.fs36{ font-size: 36px; }
.fs32{ font-size: 32px; }
.fs28{ font-size: 28px; }
.fs26{ font-size: 26px; }
.fs22{ font-size: 22px; }

.lh0{ line-height: 0; }
.lh10{ line-height: 1; }
.lh12{ line-height: 1.2; }
.lh14{ line-height: 1.4; }
.lh15{ line-height: 1.5; }
.lh16{ line-height: 1.6; }
.lh18{ line-height: 1.8; }
.lh20{ line-height: 2; }

/** icons **/
.i-del{ background:url(../img/zxgp/i-del.png) ;width:30px;height:36px; }
.i-edit{ background:url(../img/zxgp/i-edit.png) ;width:36px;height:34px; }

/** 地图图标 **/
.busMap {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url(../img/busMap.png);}

.i-bus-pointer {width:21px; height:28px; background-position: -0px -0px}
.i-bus-link {width:39px; height:34px; background-position: -21px -0px}
.i-bus-metro {width:42px; height:42px; background-position: -0px -42px}
.i-bus-metro.active {width:42px; height:42px; background-position: -60px -0px}
.i-bus-car {width:42px; height:42px; background-position: -84px -42px}
.i-bus-car.active {width:42px; height:42px; background-position: -42px -42px}
.i-bus-walk{width:42px; height:42px; background-position: -42px -84px}
.i-bus-walk.active {width:42px; height:42px; background-position: -0px -84px}