* {
	padding: 0;
	margin: 0;
	font-family: "微软雅黑";
}

html,body {
	width: 100%;
	background-color: #FFFFFF;
}
input{
	outline: none;
}
body {
	overflow: hidden;
	font-family: "宋体";
	font-size: 12px;
}
label {
	color: #43484B;
	font-size: 12px;
}
#mainDiv{
	position: absolute;
	height: calc(100% - 50px);
	top:50px;
	width: 100%;
}
#app_content {
	height:100%; width:100%;
}
#header_toolcontainer{
	width:100%;
	position: absolute;
	z-index: 10;
	left: 0px;
	top:0px;
	height:50px;
	background-color:#005493;
}
.logoBox {
    width: 40px;
    height: 20px;
    margin-top: 7px;
    margin-right: 10px;
    display: block;
    float:left;
    margin-left:20px;
}
#mapcontentClass {
	top: 0px;
	height: 100%;
	position: absolute;
}

.mapSwitch {
	position: absolute;
	top: 5px;
	right: 20px;
}


#topWidgetContainer {
	min-height: 35px;
	min-width: 100px;
	position: absolute;
	left: 260px;
	/*z-index: 10;*/
}

#tabcontainer {
	width: 260px;
	height: 100%;
	border-right: #ccc solid 1px;
	background-color: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
	/*z-index: 10;*/
	overflow-y: auto;
	overflow-x: hidden;
}

#siderbutton:hover {
	border-width: 2px;
}
.siderbutton-normal {
	border-color: #ccc;
	border-bottom-style: solid;
	border-top-style: solid;
	border-right-style: solid;
	border-width: 1px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	vertical-align: middle;
	width: 15px;
	height: 70px;
	display: none;
	position: absolute;
	left: 260px;
	background-image: url('../images/sidersj.png');
	background-position: center;
	background-repeat: no-repeat;
	background-color: #FAFAFA;
	cursor: pointer;
	z-index: 10;
}

.siderbutton-shrink {
	border-color: #ccc;
	border-bottom-style: solid;
	border-top-style: solid;
	border-left-style: solid;
	border-width: 1px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	vertical-align: middle;
	width: 15px;
	height: 70px;
	display: block;
	position: absolute;
	left: 0px;
	background-image: url(../images/sidersj.png);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #FAFAFA;
	cursor: pointer;
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
	/*IE*/
	filter: FlipH;
	z-index: 100;
}

.toolbar {
	border:1px solid #ccc;
	height: 31px;
	border-radius: 5px;
	background-color: #fff;
}
.esriPopup .titleButton.maximize{display:none;}
.esriPopup .titlePane{background-color: #d8918e; line-height: 30px; color:#fff; border-bottom:1px solid #ccc;}
.esriPopup .titleButton{top:6px;}
.esriPopup .contentPane{max-height: 500px; background-color:#fff;}
.esriPopup .actionsPane{background-color:#fff;}


#detailes-window{
	width:425px;
	height:320px;
	position:absolute;
	background-color:#FFFFFF;
	top: 25%;
    right: 20px;
	padding:10px;
	z-index:999;
	font-size:12px;
	display:none;
}
.top-s-btn{
	position:absolute;
	right: 48px;
    top: -16px;
    visibility:hidden;
}
.iconOfTps{
	position: absolute;
    cursor: pointer;
    top: 10px;
    right: 480px;
    visibility:hidden;
}
/*#detailes-window p,li,b,img{
	font-family: "microsoft yahei";
	color:#666666;
	list-style:none;
	transition:all 0.3s ease-in 0s;
	-webkit-transition:all 0.3s ease-in 0s;
	-moz-transition:all 0.3s ease-in 0s;
	-ms-transition: all 0.3s ease-in 0s;
}
#detailes-window span{
	font-family: "microsoft yahei";
	font-size:12px;
	color:#666666;
}*/
/** -------------------------title start ---------------------**/
.detailes-top-title{
	width:425px;
	height:30px;
	position:absolute;
	background:#005493;
	line-height:30px;
	clear:both;
	z-index:99;
}

.detailes-top-title>li{
	color:#FFFFFF;
	height:30px;
	line-height:30px;
	text-align:center;
	float:left;
	overflow: hidden
}
.continer-scrollbar{
	width: 425px;
    height: 320px;
    /*position: relative;
    overflow-y: auto;
    overflow-x: hidden;*/
}
.continer-scrollbar::-webkit-scrollbar-thumb{
	background-color:#a0a0a0;
}
.continer-scrollbar::-webkit-scrollbar{
	width:10px;
	box-shadow: inset 0 0 6px rgba(0,0,0,.3);
}
.detailes-bottom-rows{
	width:425px;
	height:auto;
	position:relative;
	margin-top:35px;
}
.detailes-bottom-rows .rows{
	border-bottom:1px dashed #e8e8e8;
	position:relative;
}
.detailes-bottom-rows .rows .rows-title{
	width:425px;
	height:30px;
	position:relative;
	clear:both;
}
.detailes-bottom-rows .rows .rows-title>li{
	float:left;
	line-height:30px;
	height:30px;
	text-align:center;
	overflow:hidden;
}
.icon-sharyer{
	vertical-align:middle;
	cursor:pointer;
}
/** -----------------------content------------------------**/
.rows-content{
	width:425px;
	height:250px;
	border:1px dashed #E8E8E8;
	border-top:0;
	border-bottom:0;
}
.content-top{
	width:385px;
	height:auto;
	position:relative;
	padding:10px;
}
.data-source,.data-info{
	height:20px;
	width:385px;
	position:relative;
	clear:both;
}
.source-title,.info-btn{
	color:#999999;
	width:100px;
	float:left;
	text-align:left;
}
.source-name,.summary-btn,.detail-btn{
	width:40px;
	text-align:center;
	cursor:pointer;
	float:left;
	
	padding-left:2px;
	padding-right:2px;
	height:20px;
	line-height:20px;
	border:1px dashed #D3D3D3;
	margin-left:5px;
	box-sizing: content-box;
}
.detail-car{
	float: right;
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background-color: #005493;
    color:#fff;
    box-sizing: content-box;
    cursor:pointer;
}

.content-bot{
	padding:10px;
	padding-top:0;
}
/**--------------------------��Ҫstart-------------------------**/
.summary-content{
	width:425px;
	height: auto;
	position:relative;
}
.summary-content>div{
	float:left;
	width:195px;
	margin-left:5px;
	margin-top:5px;
}
.summary-content img{
	width:155px;
	height:155px;
}
.summary-content li{
	width:200px;
	margin-top:5px;
	margin-left:5px;
	float:left;
	word-break:break-all;
	position:absolute;
}
/** -----------------------���� start ----------------- **/
.details-content{
	width:425px;
	height:auto;
	position:relative;
	
}
.details-content>li{
	width:200px;
	margin-left:5px;
	float:left;
	margin-top:5px;
	/*position:absolute;*/
	word-break:break-all;
}
/* .details-content>li>span{ */
/* 	display:block; */
/* 	float:left; */
/* } */
/* .details-content>li:after{ */
/* 	content:""; */
/* 	clear:both; */
/* } */
/**----------**/
.more-header{
	width:405px;
	height:60px;
	position:relative;
}
.header-discription{
	width: 398px;
    height: 30px;
    padding-left: 6px;
    line-height: 30px;
    background: #f8f8f8;
}
.land-map{
	width:405px;
	height:30px;
	position:relative;
	margin-top:10px;
}
.land-map div{
	height: 20px;
    border: 1px solid #D3D3D3;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 20px;
    float:left;
    margin-left: 5px;
    cursor: pointer;
    box-sizing: content-box;
    
}
.zones{
	border:2px solid #519DDE;
	box-sizing:content-box;
	padding-left: 9px;
    padding-right: 9px;
    height:18px;
    line-height: 18px;
    background: url(../images/maptoolsicon/bulue-icons.jpg) no-repeat 100% 100%;
}
.tail-title{
	width:425px;
	height:25px;
	margin-top: 10px;
}
.tail-title .summary-btn{
	border-color: rgb(81, 157, 222);
}
.tail-title>li{

}