html,
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.wrap {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.map {
	width: 100%;
	height: 100%;
}

.riskcountwraper {
	position: absolute;
	left: 15px;
	top: 15px;
	background: url(/BootStrapStyle/CityRisk/img/leftbg.png) left top no-repeat;
	overflow: hidden;
	width: 360px;
	max-height: calc(100% - 40px);
	border-bottom: solid 1px rgba(13, 124, 238, .8);
	border-right: solid 1px rgba(13, 124, 238, .8);
}

.industryriskwraper {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 320px;
	background-size: 100% 100%;
	overflow: hidden;
	bottom: calc(20% + 45px);
	border: solid 1px rgba(13, 124, 238, .8);
	box-shadow: inset 0 0 20px rgba(13, 124, 238, .5);
	background: rgba(3, 38, 61, .6);
}

.riskreportwraper1 {
	position: absolute;
	height: 10%;
	right: 15px;
	bottom: calc(10% + 30px);
	width: 320px;
	background: url(/BootStrapStyle/CityRisk/img/riskbg.png) center no-repeat;
	background-size: 100% 100%;
	display: table;
}

.riskreportwraper2 {
	position: absolute;
	bottom: 15px;
	right: 15px;
	height: 10%;
	width: 320px;
	background: url(/BootStrapStyle/CityRisk/img/riskbg.png) center no-repeat;
	background-size: 100% 100%;
	display: table;
}

.riskreportinfo {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
}

.riskreportinfo img {
	height: 68%;
	vertical-align: middle;
	margin-right: 12px;
}

.riskcountwraper .risk-content {
	height: calc(100% - 100px);
	width: 92%;
	margin: 0 3%;
	margin-top: 6px;
}

.risk-content {
	font-size: 12px;
	color: #fff;
	overflow: auto;
	padding-right: 8px;
}

.risk-content::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

.risk-content::-webkit-scrollbar-track {
	background: #2a70e9;
	border-radius: 2px;
}

.risk-content::-webkit-scrollbar-thumb {
	background: #bbd4ff;
	border-radius: 2px;
}

.industryriskwraper .risk-content {
	width: 96%;
	height: calc(100% - 38px);
	line-height: 28px;
}

.industryriskwraper .risk-content tr {
	background: url(/BootStrapStyle/CityRisk/img/line.png) center bottom no-repeat;
	background-size: 90% 1px;
}

.arearisk0 {
	background: url(/BootStrapStyle/CityRisk/img/areabg_0.png) center no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	width: 100%;
	margin: 5px 0;
}
.arearisk0 td {
	position: relative;
	line-height: 22px;
}

.arearisk {
	background: url(/BootStrapStyle/CityRisk/img/areabg.png) center no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	width: 100%;
	margin: 5px 0;
	/*cursor: pointer;*/
}

.arearisk td {
	position: relative;
	line-height: 22px;
}

.tb-area {
	width: 90%;
	margin: 0 auto;
}

.tb-risklevel {
	width: 90%;
	margin: 0 auto;
}

.risk-title {
	height: 36px;
	line-height: 36px;
	background: url(/BootStrapStyle/CityRisk/img/titlebg.png) center no-repeat;
	background-size: 100% 100%;
	color: #fff;
	font-size: 14px;
	padding-left: 10px;
}

.legend {
	color: #ff5e5e;
	font-size: 13px;
	margin: 5px 0;
	display: inline-block;
}

.riskcountinfo {
	color: #fff;
	font-size: 13px;
	width: 95%;
	margin: 0 auto;
}

.riskcountinfo table {
	width: 100%;    
	margin-left: 10px;
}

.riskcountinfo table td {
	width: calc(25% - 2px);
	display: inline-block;
	float: left;
	text-align: left;
}

.icon-sample {
	width: 12px;
	height: 12px;
	border-radius: 2px;
	display: inline-block;
	margin-right: 2px;
}

.level1 {
	background: #e13c35;
}

.level2 {
	background: #ed8b21;
}

.level3 {
	background: #eaec1e;
}

.level4 {
	background: #169de9;
}

.level5 {
	background: #ee00a5;
}

.level6 {
	background: #04dfd2;
}
.areaname{
	position: relative;
	width: 204px;
	padding-left: 32px;
	box-sizing: border-box;
}
.area {
	position: absolute;
	left: 2px;
	top: 2px;
	bottom: 2px;
	width: 15px;
	font-size: 13px;
	font-weight: 600;
	padding: 0 6px;
	display: table;
	height: calc(100% - 4px);
	/*cursor: pointer;*/
}

.area:hover {
	text-shadow: 3px 3px 3px #000;
}

.area.level1 {
	background: url(/BootStrapStyle/CityRisk/img/level1.png) left no-repeat;
	background-size: 100% 100%;
}

.area.level2 {
	background: url(/BootStrapStyle/CityRisk/img/level2.png) left no-repeat;
	background-size: 100% 100%;
}

.area.level3 {
	background: url(/BootStrapStyle/CityRisk/img/level3.png) left no-repeat;
	background-size: 100% 100%;
}

.area.level4 {
	background: url(/BootStrapStyle/CityRisk/img/level4.png) left no-repeat;
	background-size: 100% 100%;
}

.area.level0 {
	background: url(/BootStrapStyle/CityRisk/img/level0.png) left no-repeat;
	background-size: 100% 100%;
}

.area span {
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	padding: 0 8px;
}

.riskcount {
	border-left: 1px solid rgba(6, 134, 216, .8);
	border-right: 1px solid rgba(6, 134, 216, .8);
	padding: 0 15px;
	width: 64px;
	box-sizing: border-box;
	text-align: center;
}

.riskcount0 {
	border-left: 1px solid rgba(163, 163, 163, .8);
	border-right: 1px solid rgba(163, 163, 163, .8);
	padding: 0 15px;
	width: 64px;
	box-sizing: border-box;
	text-align: center;
}

.arearisk .tb-risklevel {
	width: 120px;
    border-left: 1px solid rgba(6, 134, 216, .8);
}

.arearisk .tb-risklevel tr {
	border-bottom: 1px solid rgba(6, 134, 216, .8);
}

.arearisk .tb-risklevel tr:last-child {
	border: none;
}

.arearisk .tb-risklevel tr .icon-sample {
	margin: 0 8px;
}

.arearisk0 .tb-risklevel {
	width: 100px;
}

.arearisk0 .tb-risklevel tr {
	border-bottom: 1px solid rgba(163, 163, 163, .8);
}

.arearisk0 .tb-risklevel tr:last-child {
	border: none;
}

.arearisk0 .tb-risklevel tr .icon-sample {
	margin: 0 8px;
}

.riskcountinfo .tr-icon-remark2 td {
	width: calc(23% - 2px);
	margin: 1px 1%;
	background: url(/BootStrapStyle/CityRisk/img/legend.png) center no-repeat;
	background-size: 100% 100%;
	padding: 10px 2px;
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
}

.riskcountinfo .tr-icon-remark2 td:hover {
	background: url(/BootStrapStyle/CityRisk/img/legended.png) center no-repeat;
	background-size: 100% 100%;
}

.riskcountinfo .tr-icon-remark2 .selectlevel {
	background: url(/BootStrapStyle/CityRisk/img/legendselected.png) right top no-repeat;
	background-size: 100% 100%;
}

.riskcountinfo .tr-icon-remark2 .selectlevel:hover {
	background: url(/BootStrapStyle/CityRisk/img/legendselected.png) right top no-repeat;
	background-size: 100% 100%;
}
.isHidden {
	display: none;
}
.chkindustryall{
	color: #fff;
	margin-left: 5px;
}
@media only screen and (min-width: 1700px) {
	.risk-content {
		font-size: 14px;
	}
	.riskreportinfo {
		font-size: 16px;
	}
	.risk-title{
		font-size: 16px;
	}
	.area {
		font-size: 15px;
	}
}

@media screen and (min-width:1400px) and (max-width: 1700px) {
	.risk-content {
		font-size: 13px;
	}
	.riskreportinfo {
		font-size: 15px;
	}
	.risk-title{
		font-size: 15px;
	}
	.area {
		font-size: 13px;
	}
}