.main {
	width: 100vw;
	height: 100vh;
	padding: 1vw;
	box-sizing: border-box;
	background-color: #F5F5F5;
}

/* 左板块 */
.container-l {
	width: 69%;
	height: 100%;
	box-sizing: border-box;
	position: relative;
}

.wrap {
	width: 100%;
}

.tit {
	background: url(/BootStrapStyle/img/newindeximg/stripe.png);
	color: #343434;
	font-size: 0.26rem;
}

/********* 隐患排查 *********/
.troubleshoot {
	height: 16%;
	margin-bottom: 1vw;
	background-color: #fff;
}

.troubleshoot .troubleshoot-box {
	height: 100%;
	position: relative;
}

.troubleshoot .troubleshoot-box .troubleshoot-tit {
	width: 0.7rem;
	height: 100%;
	padding: 0 0.3rem;
	display: table;
	box-sizing: border-box;
	border-right: 2px solid #F5F5F5;
	position: absolute;
}

.troubleshoot .troubleshoot-box .troubleshoot-tit p {
	vertical-align: middle;
	display: table-cell;
	font-weight: bold;
}

.troubleshoot-box ul {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 0.2rem 0 0.2rem 0.8rem;
	display: table;
	color: #fff;
	background-color: #fff;
}

.troubleshoot-box ul .troubleshoot-li {
	display: table-cell;
	text-align: center;
	height: 100%;
	width: 25%;
	box-sizing: border-box;
	padding: 0 0.15rem;
}

.troubleshoot-box ul .troubleshoot-li:nth-child(1) {
	padding-left: 0.3rem;
}

.troubleshoot-box ul .troubleshoot-li:nth-child(4) {
	padding-right: 0.3rem;
}

.troubleshoot-box ul .troubleshoot-li .troubleshoot-span {
	display: table;
	width: 100%;
	height: 94%;
	border-radius: 10px;
	box-shadow: 0 0.1rem 0.3rem #D6D6D6;
}

.total {
	background: url(/BootStrapStyle/img/newindeximg/total.png) no-repeat;
	background-size: 100% 100%;
}

.no-corrected-overdue {
	background: url(/BootStrapStyle/img/newindeximg/no_corrected_overdue.png) no-repeat;
	background-size: 100% 100%;
}

.no-corrected {
	background: url(/BootStrapStyle/img/newindeximg/no_corrected.png) no-repeat;
	background-size: 100% 100%;
}

.rectified {
	background: url(/BootStrapStyle/img/newindeximg/rectified.png) no-repeat;
	background-size: 100% 100%;
}

.troubleshoot-box ul .troubleshoot-li .troubleshoot-span span {
	display: table-cell;
	vertical-align: middle;
	padding: 0 0.3rem;
}

.troubleshoot-box ul .troubleshoot-li .troubleshoot-span span p {
	text-align: left;
}

.troubleshoot-box ul .troubleshoot-li .troubleshoot-span span .span-txt {
	font-size:0.26rem;
	padding-top:0.1rem;
}

.troubleshoot-box ul .troubleshoot-li .troubleshoot-span span .span-num {
	margin-left: 0.08rem;
	font-size: 0.4rem;
	line-height: 0.7rem;
}

/********* 快捷菜单和应急资源 *********/
.mid {
	height: 38%;
}

.menu {
	width: 59%;
	display: inline-block;
	height: 100%;
	background-color: #fff;
}

.mid-tit {
	width: 100%;
	height: 15%;
	display: table;
	padding: 0 0.3rem;
	box-sizing: border-box;
	border-bottom: 2px solid #F5F5F5;
}

.mid-tit p {
	width: 50%;
	height: 100%;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
}

.menu .menu-ul {
	width: 100%;
	height: 85%;
	padding: 0.3rem 0;
	box-sizing: border-box;
}

.menu .menu-ul .menu-li {
	width: 33.33%;
	height: 50%;
	text-align: center;
	box-sizing: border-box;
	position: relative;
}

.pad-btm {
	padding-bottom: 0.15rem;
}

.pad-top {
	padding-top: 0.15rem;
}

.menu .menu-ul .menu-li .menu-span {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}

.menu .menu-ul .menu-li .menu-span img {
	height: 70%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.menu .menu-ul .menu-li .menu-span p {
	font-size: 0.22rem;
	font-weight: bold;
	color: #585858;
	width: 100%;
	position: absolute;
	bottom: 0;
}

.resources {
	width: 41%;
	display: inline-block;
	height: 100%;
	box-sizing: border-box;
	padding-left: 1vw;
}

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

.brand-ul {
	box-sizing: border-box;
	padding: 0.3rem 0.3rem;
	height: 85%;
}

.resources .resources-box .brand-ul .brand{
	width: 41%;
}
.brand-ul .brand {
	width: 45%;
	height: 100%;
	text-align: center;
	position: relative;
	border-radius:10px;
}

.brand-ul .brand .brand-span {
	display: block;
	width: 100%;
	height: 85%;
	color: #fff;
}

.bg-device {
	background: url(/BootStrapStyle/img/newindeximg/bg_device.png) no-repeat;
	background-size: 100% 100%;
}

.bg-supplies {
	background: url(/BootStrapStyle/img/newindeximg/bg_supplies.png) no-repeat;
	background-size: 100% 100%;
}

.brand-ul .brand .brand-span p {
	font-size: 0.25rem;
}

.brand-ul .brand .brand-span .brand-num {
	padding-top: 0.7rem;
	font-weight: bold;
	font-size: 0.3rem;
}

.brand-ul .brand .brand-txt {
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0;
	font-size: 0.25rem;
	font-weight: bold;
	color: #585858;
}

/********* 风险分级和通知公告 *********/
.btm {
	width: 100%;
	height: 42%;
	position: absolute;
	bottom: 0;
}

.level {
	width: 43%;
	height: 100%;
	display: inline-block;
	background-color: #fff;
}

.level .brand-ul {
	height: 38.5%;
}

.level .brand {
	width: 46%;
	/* position: relative; */
	display: table;
}

.bgc-purple {
	background-color: #7A4FFB;
	background: linear-gradient(135deg, #B693EE, #966FF5, #7A4FFB);
}

.bgc-cyanblue {
	background-color: #42D7FA;
	background: linear-gradient(135deg, #03EDCD, #42D7FA);
}

.level .brand .brand-span {
	display: table-cell;
	vertical-align: middle;
	box-shadow: 0 0.1rem 0.3rem #D6D6D6;
}

.level .brand .brand-span .level-focus {
	font-size: 0.4rem;
}

.level .assessment {
	display: block;
	width: 100%;
	height: 46.5%;
	background-color: #343434;
	background: url(/BootStrapStyle/img/newindeximg/assessment.png) no-repeat;
	background-size: 100% 100%;
	text-align: center;
	display: table;
}

.level .assessment p {
	display: table-cell;
	vertical-align: middle;
	font-size: 0.6rem;
	color: #0988DB;
}

.announcement {
	width: 57%;
	height: 100%;
	display: inline-block;
	padding-left: 1vw;
	box-sizing: border-box;
	position: relative;
}

.announcement .more {
	text-align: right;
	color: #666;
	font-size: 0.25rem;
}

.announcement .notice {
	width: 100%;
	height: 85%;
	background-color: #fff;
	box-sizing: border-box;
	padding: 0 0.3rem;
	overflow-y: scroll;
}

.announcement .notice .notice-li {
	width: 100%;
	height: 16.66%;
	overflow: hidden;
	margin: 0 auto;
	font-size: 0.2rem;
	box-sizing: border-box;
	border-bottom: 2px solid #E6E6E6;
	display: table;
	position: relative;
	padding-left: 0.8rem;
}

.announcement .notice .notice-li:nth-last-child(1) {
	border: none;
}

.announcement .notice .notice-li img {
	height: 50%;
	position: absolute;
	top: 50%;
	left: 0.2rem;
	transform: translateY(-50%);
}

.announcement .notice .notice-li p {
	display: table-cell;
	vertical-align: middle;
	font-size: 0.2rem;
}

.announcement .notice .notice-li .notice-txt {
	width: 70% !important;
	overflow: hidden;
}

.new-notice {
	color: #EC6A6A;
}

.announcement .notice .notice-li .notice-time {
	width: 30%;
	text-align: right;
}

/* 右板块 */
.container-r {
	width: 30%;
	height: 100%;
	box-sizing: border-box;
}

.graphics {
	height: 28%;
}

.graphics #pie {
	height: 85%;
	box-sizing: border-box;
	background-color: #fff;
}

.safety {
	height: 72%;
	box-sizing: border-box;
	padding-top: 1.5vh;
}

.safety .safety-ul {
	width: 100%;
	height: 5%;
	background-color: #fff;
}

.safety .safety-ul .safety-li {
	text-align: center;
	width: 25%;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid #58B2EF;
	font-size: 0.2rem;
	display: table;
}

.safety .safety-ul .safety-li p {
	display: table-cell;
	vertical-align: middle;
}

.safety .data {
	width: 100%;
	height: 95%;
	box-sizing: border-box;
	padding: 0 0.3rem;
	background-color: #fff;
}

.safety .data .percentage {
	width: 100%;
	height: 20%;
	box-sizing: border-box;
}

.safety .data .percentage .percentage-txt {
	color: #5B5B5B;
	font-size: 0.3rem;
	padding-left: 0.1rem;
	padding: 0.3rem 0 0.2rem 0;
}

.safety .data .percentage .percentage-txt em {
	font-size: 0.4rem;
	color: #F7B941;
}

.safety .data .percentage .percentage-strip {
	background-color: #D8D8D8;
	border-radius: 50px;
	overflow: hidden;
}

.safety .data .percentage .percentage-strip span {
	display: block;
	height: 0.15rem;
	background-color: #F7B941;
}

.safety .data .data-ul {
	height: 80%;
}

.safety .data .data-ul .data-li {
	font-size: 0.25rem;
	width: 100%;
	height: 12.5%;
	box-sizing: border-box;
	border-bottom: 1px solid #E6E6E6;
	display: table;
	position: relative;
}

.safety .data .data-ul .data-li:nth-last-child(1) {
	border: none;
}

.safety .data .data-ul .data-li .data-txt {
	display: table-cell;
	vertical-align: middle;
	color: #6F6F6F;
	width: 90%;
}

.safety .data .data-ul .data-li .data-img {
	height: 50%;
	position: absolute;
	top: 50%;
	right: 0.1rem;
	transform: translateY(-50%);
}