html, body {

    font-size: 14px !important;
    /*background: #f0f0f0 !important;*/
}

a {
    color: #333333;
}

.bg-index-top{
	background-image: url("../img/city-bg-87ad6017.png") ;
	background-size: 100% 100%;
}

.tr-tjtips{
	clear: both;
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 80px;
	height: 28px;
	padding: 4px 0px;
	background-color: #b60315;
	opacity: 0.8;
	z-index: 99;
	
}

.tr-tjtips2{
	clear: both;
	position: absolute;
	top: 0rem;
	right: 0rem;
	width: 80px;
	height: 28px;
	padding: 4px 0px;
	background-color: #b60315;
	opacity: 0.8;
	z-index: 99;
	
}


.tr-tips{
	clear: both;
	position: absolute;
	top: 0rem;
	right: 0rem;
	width: 60px;
	height: 28px;
	padding: 4px 0px;
	background-color: #ff8c00;
	opacity: 0.8;
	z-index: 99;
}


.tr-tips2{
	clear: both;
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 60px;
	height: 28px;
	padding: 4px 0px;
	background-color: #ff8c00;
	opacity: 0.8;
	z-index: 99;
}




.bl-tips{clear: both;	position: absolute;	bottom: 0rem;	left: 0rem;		width: 80px;	height: 28px;	padding: 4px 0px;	background-color: #006eab;opacity: 0.8;	z-index: 99;}

.bl-tips2{clear: both;	position: absolute;	bottom: 0rem;	left: 0rem;	right: 0rem;	width: 100%;	height: 48px;	padding: 4px 0px;	background-color: #006eab;opacity: 0.8;	z-index: 99; }


.nav-bottom{position: fixed;bottom: 0;left: 0;right: 0;width: 100%;height: 44px;padding: 2px 0px;z-index: 99;}

.tool-bottom{position: fixed;bottom: 0;left: 0;right: 0;width: 100%;height: 44px;padding: 2px 0px;z-index: 99;}

.dkpt{clear: both;	position: absolute;	bottom: 0rem;	left: 0rem;	right: 0rem;	width: 100%;	height: 24px;	padding: 4px 0px;	background-color: #000000;opacity: 0.8;	z-index: 99;}

.dkmap-tool{clear: both;	position: absolute;	bottom: 0rem;	left: 0rem; right: 0rem; height: 80px; padding: 4px 0px;	opacity: 0.8;	z-index: 99;}



.carousel-caption {
	position: absolute;
	right: 0%;
	top: 0px !important;
	left: 0%;
	height: 40px;
	z-index: 10;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
	background-color: #ff8c00;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

#panel{ 
    position: absolute; 
    background-color: white; 
    max-height: 30%;  
    overflow-y: auto; 
    top: 5%; 
    right: 5%; 
    width: 90%;
    
}


.alert-message{
    position: absolute; 
    /*background-color: white; */
    min-height: 30px;  
    overflow-y: auto; 
    top: 5%; 
    right: 5%; 
    width: 90%; 
    
}
.list-group-horizontal .list-group-item {
		display: inline-block;
	}
	.list-group-horizontal .list-group-item {
		margin-bottom: 0;
		margin-left:-4px;
		margin-right: 0;
	}
	.list-group-horizontal .list-group-item:first-child {
		border-top-right-radius:0;
		border-bottom-left-radius:4px;
	}
	.list-group-horizontal .list-group-item:last-child {
		border-top-right-radius:4px;
		border-bottom-left-radius:0;
	}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: yellow !important;
    background-color: #428bca;
    border-color: #428bca;
}


.search-btn .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e600;
    border-color: #adadad;
}

.closebtn{
    position:absolute;
    top:10px;
    right:15px;
    z-index:99;
}