*{margin: 0;padding: 0;}


html,body{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.box{
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
}

#container {
	width: 100%;
	height: 100%;
}  


.ttbox{
	height: 56px;
	line-height: 56px;
	width: 100%;
	background-color: #52bda3;
	text-align: center;
	color: #ffffff;
	font-size: 24px;
	font-family: "宋体";
}


.cont_box{
	height: calc(100% - 56px);
}

.lbox{
	width: 100px;
	height: 100%;
	float: left;
	border-right: 1px solid #c9c9c9;
	background-color: #ffffff;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: auto;
}

.rbox{
	width: calc(100% - 100px);
	height: 100%;
	float: left;
}

.r_top{
	width: 100%;
	height: calc(100% - 40px);
}

.r_bottom{
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
}

.r_bottom a{
	text-decoration: none;
	color: #000000;
}


.theul{
	overflow: auto;
	width: 100px;
}
.thebox{
	font-size: 13px !important;
}
.theul li{
	height: 79px;
	width: 100px;
	float: left;
	margin: 0 auto;
	border-bottom: 1px solid #e1f1f0;
	text-align: center;
	line-height: 115px;
	overflow: hidden;
	font-size: 15px;
	border-right: 1px solid #c9c9c9;
	webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
	list-style: none;
}
.yi1{
	background: url(./img/y1.png) center 20px no-repeat;
	background-color: #e1f1f0;
	color: #58b1ad;
}

.ni1{
	background: url(./img/n1.png) center 20px no-repeat;
	color: #a1a3a2;
	cursor: pointer;
}

.ni1:hover{
	background: url(./img/y1.png) center 20px no-repeat;
	background-color: #e1f1f0;
	color: #58b1ad;
}

.yi2{
	background: url(./img/y2.png) center 20px no-repeat;
	background-color: #e1f1f0;
	color: #58b1ad;
}

.ni2{
	background: url(./img/n2.png) center 20px no-repeat;
	color: #a1a3a2;
	cursor: pointer;
}

.ni2:hover{
	background: url(./img/y2.png) center 20px no-repeat;
	background-color: #e1f1f0;
	color: #58b1ad;
}


.yi3{
	background: url(./img/y1.png) center 20px no-repeat;
	background-color: #e1f1f0;
	color: #58b1ad;
}

.ni3{
	background: url(./img/n1.png) center 20px no-repeat;
	color: #a1a3a2;
	cursor: pointer;
}

.ni3:hover{
	background: url(./img/y1.png) center 20px no-repeat;
	background-color: #e1f1f0;
	color: #58b1ad;
}


.yi4{
	background: url(./img/y4.png) center 20px no-repeat;
	background-color: #e1f1f0;
	color: #58b1ad;
}

.ni4{
	background: url(./img/n4.png) center 20px no-repeat;
	color: #a1a3a2;
	cursor: pointer;
}

.ni4:hover{
	background: url(./img/y4.png) center 20px no-repeat;
	background-color: #e1f1f0;
	color: #58b1ad;
}

.yi5{
	background: url(./img/y5.png) center 20px no-repeat;
	background-color: #e1f1f0;
	color: #58b1ad;
}

.ni5{
	background: url(./img/n5.png) center 20px no-repeat;
	color: #a1a3a2;
	cursor: pointer;
}

.ni5:hover{
	background: url(./img/y5.png) center 20px no-repeat;
	background-color: #e1f1f0;
	color: #58b1ad;
}


.yi6{
	background: url(./img/y6.png) center 20px no-repeat;
	background-color: #e1f1f0;
	color: #58b1ad;
}

.ni6{
	background: url(./img/n6.png) center 20px no-repeat;
	color: #a1a3a2;
	cursor: pointer;
}

.ni6:hover{
	background: url(./img/y6.png) center 20px no-repeat;
	background-color: #e1f1f0;
	color: #58b1ad;
}


.yi7{
	background: url(./img/y7.png) center 20px no-repeat;
	background-color: #e1f1f0;
	color: #58b1ad;
}

.ni7{
	background: url(./img/n7.png) center 20px no-repeat;
	color: #a1a3a2;
	cursor: pointer;
}

.ni7:hover{
	background: url(./img/y7.png) center 20px no-repeat;
	background-color: #e1f1f0;
	color: #58b1ad;
}

.yi8{
	background: url(./img/y8.png) center 20px no-repeat;
	background-color: #e1f1f0;
	color: #58b1ad;
}

.ni8{
	background: url(./img/n8.png) center 20px no-repeat;
	color: #a1a3a2;
	cursor: pointer;
}

.ni8:hover{
	background: url(./img/y8.png) center 20px no-repeat;
	background-color: #e1f1f0;
	color: #58b1ad;
}

.yi9{
	background: url(./img/y9.png) center 20px no-repeat;
	background-color: #e1f1f0;
	color: #58b1ad;
}

.ni9{
	background: url(./img/n9.png) center 20px no-repeat;
	color: #a1a3a2;
	cursor: pointer;
}

.ni9:hover{
	background: url(./img/y9.png) center 20px no-repeat;
	background-color: #e1f1f0;
	color: #58b1ad;
}

.yi10{
	background: url(./img/y10.png) center 20px no-repeat;
	background-color: #e1f1f0;
	color: #58b1ad;
}

.ni10{
	background: url(./img/n10.png) center 20px no-repeat;
	color: #a1a3a2;
	cursor: pointer;
}

.ni10:hover{
	background: url(./img/y10.png) center 20px no-repeat;
	background-color: #e1f1f0;
	color: #58b1ad;
}



#myiframe{
	width: 100%;
	height: 100%;
	border: none;
}
.esri-view .esri-view-surface--inset-outline:focus::after {
	content: "";
	box-sizing: border-box;
	position: absolute;
	z-index: 999;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	outline: auto 0px Highlight;
	outline: auto 0px -webkit-focus-ring-color;
	outline-offset: -3px;
	pointer-events: none;
	overflow: hidden;
  }