html,
body {
	height: 100%;
}

body {
	font-size: 14px;
	background: #063CB0 url(../img/bg.png) no-repeat top center fixed;
	color: #fff;
}

li {
	list-style: none;
}

ul {
	padding: 0;
}

label {
	font-weight: normal;
}

.bi {
	display: inline-block;
	vertical-align: text-bottom;
	fill: currentcolor;
}

.jd_btn {
	background: rgba(0, 255, 235, 0.2);
	border-radius: 0;
	border: 1px solid #00FFEB;
	font-size: 14px;
	padding: 6px 20px;
	vertical-align: middle;
}

.jd_btn svg {
	margin-right: 10px;
	display: inline-block;
	vertical-align: -2px;
}

.btn_green {
	background-color: rgba(14, 194, 48, 0.2);
	border-color: #0EC230;
}

.btn_red {
	background-color: rgba(230, 56, 95, 0.2);
	border-color: #E6385F;
}

.btn_grey {
	background-color: rgba(153, 153, 153, 0.2);
	border-color: #999;
}


/*
 * nav
 */

.nav_jd {
	background-color: rgba(0, 134, 252, .3);
	height: 52px;
	border: none;
}

.nav-link svg {
	fill: #fff;
}

.play_list {
	line-height: 52px;
}

.tit_img img {
	margin-top: 22px;
}

.navbar-nav {
	flex-direction: row-reverse;
}

.head_sculpture img {
	width: 36px;
	height: 36px;
	border-radius: 100%;
	margin-right: 16px;
}

.nav-item {
	margin-left: 20px;
	line-height: 52px;
}

.navbar-dark .navbar-nav .nav-link {
	color: #fff;
}

.navbar-brand {
	padding-top: 0;
	padding-bottom: 0;
	font-size: 16px;
	background-color: rgba(0, 0, 0, .25);
	box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
	line-height: 52px;
	height: 52px;
}

.s_tit {
	background: none;
	box-shadow: none;
}

.s_tit span {
	font-size: 20px;
	color: #00FFEB;
	font-weight: bold;
}

@media (min-width: 1200px) {
	.s_tit span {
		display: none;
	}
}

.navbar .navbar-toggler {
	top: 4px;
	right: 16px;
}

@media (max-width: 767.98px) {
	.sidebar {
		top: 52px;
	}
	.play_list {
		display: none;
	}
	.nav_jd {
		background: #0451C7;
	}
	.navbar-nav {
		margin-top: -2px;
	}
}

@media (max-width: 1199.98px) {
	.tit_img img {
		display: none;
		margin-top: 0;
	}
	.tit_img {
		padding: 0;
	}
	#sidebarMenu {
		background-color: #03268B;
	}
}

.nav_jd .navbar-nav>li>a {
	color: #fff;
}

.nav_jd .navbar-nav>li>a:hover {
	text-decoration: none;
}

.nav_jd_right .nav-item {
	float: right;
}

.navbar-inverse .navbar-toggle {
	margin-left: 2px;
	border-color: #fff;
	padding: 5px;
	margin-top: 12px;
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
	background-color: rgba(0, 0, 0, .2);
}


/*
 * Sidebar
 */

@media (min-width: 768px) {
	.jd_sidebar {
		position: fixed;
		top: 52px;
		bottom: 0;
		left: 0;
		z-index: 100;
		padding: 50px 0 0;
		background-color: rgba(0, 0, 0, .1);
		display: block;
	}
}

@media (max-width: 767.98px) {
	.jd_sidebar {
		background-color: #03268B;
	}
}

.jd_sidebar .nav-item {
	margin: 1px 0;
	text-align: center;
}

.sidebar-sticky {
	position: relative;
	top: 12px;
	height: calc(100vh - 52px);
	overflow-x: hidden;
	overflow-y: auto;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
	.sidebar-sticky {
		position: -webkit-sticky;
		position: sticky;
	}
}

.jd_sidebar .nav-link {
	font-weight: 500;
	color: #fff;
}

.jd_sidebar .nav>li>a {
	padding: 0;
}

.jd_sidebar .nav-link .feather {
	margin-right: 8px;
	color: #fff;
}

.jd_sidebar .nav-link.active,
.jd_sidebar .nav-link:hover {
	color: #00FFEB;
	background: linear-gradient(270deg, rgba(77, 238, 227, 0) 0%, rgba(0, 255, 235, 0.2) 50%, rgba(0, 255, 239, 0) 100%);
}

.jd_sidebar .nav-link.active svg {
	fill: #00FFEB;
}

.jd_sidebar .nav-link:hover .feather,
.jd_sidebar .nav-link.active .feather {
	fill: #00FFEB;
}

.jd_sidebar .sidebar-heading {
	font-size: 12px;
	text-transform: uppercase;
}


/*
 * 内容
 */

main {
	margin-top: 102px;
}

@media (max-width: 767.98px) {
	main {
		margin-top: 64px
	}
}

.search_box {
	background: rgba(0, 0, 0, 0.15);
	border: 1px solid #0086FC;
	padding: 10px 8px;
	margin-bottom: 20px;
}

.search_box .form-group {
	padding: 10px;
	margin-bottom: 0;
}

.search_box .form-control {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 0;
	border: none;
	color: #fff;
	font-size: 14px;
}

@media (max-width: 767.98px) {
	.search_box .form-group {
		width: 100%;
	}
}

::-webkit-input-placeholder {
	color: #fff!important;
}

:-moz-placeholder {
	color: #fff!important;
}

::-moz-placeholder {
	color: #fff!important;
}

:-ms-input-placeholder {
	color: #fff!important;
}

.btn_box {
	margin: -15px -15px 5px;
}

.btn_box .btn {
	margin: 15px;
}

.jd_table {
	color: #fff;
	margin-bottom: 0;
}

.table-responsive {
	background: rgba(0, 0, 0, 0.15);
	border-radius: 0px;
	border: 1px solid #0086FC;
}

.jd_table.table>tbody>tr>td,
.jd_table.table>thead>tr>th {
	line-height: 44px;
	vertical-align: middle;
	border: none;
	text-align: center;
}

.jd_table thead th {
	background: rgba(0, 0, 0, .1);
	line-height: 25px;
}

.jd_table tbody tr:nth-of-type(even) {
	background: rgba(255, 255, 255, 0.05);
}

.jd_table tbody tr:nth-of-type(odd) {
	background: none;
}

.jd_table td input,
.jd_table th input {
	appearance: none;
	-webkit-appearance: none;
	outline: none;
	display: none;
}

.jd_table td label,
.jd_table th label {
	margin-bottom: 0;
}

.jd_table td label span,
.jd_table th label span {
	display: inline-block;
	border: 1px solid #fff;
	width: 16px;
	height: 16px;
	border-radius: 2px;
}

.jd_table td input[type="checkbox"]:checked+span,
.jd_table th input[type="checkbox"]:checked+span {
	border: 1px solid #00FFEB;
}

.jd_table td input[type="checkbox"]:checked+span::before,
.jd_table th input[type="checkbox"]:checked+span::before {
	display: block;
	content: "";
	width: 15px;
	height: 15px;
	background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%2300FFEB' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z' clip-rule='evenodd'/></svg>");
	background-repeat: no-repeat;
	background-size: 15px 15px;
	top: 0;
}

.td_btn,
.td_checkbox {
	font-size: 0;
}

.jd_table .td_checkbox label span {
	vertical-align: middle;
}

.jd_table .td_btn {
	padding: 8px 5px;
}

.table_btn {
	padding: 0 16px;
	height: 32px;
	margin: 6px;
}

.jd_page {
	text-align: center;
}

.jd_page .page-item .page-link {
	border-radius: 0;
	background: none;
	color: #fff;
	margin: 4px;
}

.jd_page .page-item.active .page-link {
	background: rgba(0, 255, 235, 0.2);
	border: 1px solid #00FFEB;
}

.jd_page .page_input {
	margin-left: 8px;
}

.jd_page .page_input .form-control {
	display: inline;
	width: 50px;
	margin: 4px 8px;
}


/*
 * 弹窗
 */

.alert_mast {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	filter: blur(50px) brightness(-4%) opacity(75%);
}

.alert_box_wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: fixed;
	z-index: 99999;
	width: 100%;
	height: 100%;
}

.alert_box {
	max-width: 600px;
	width: 80%;
	background: rgba(9, 23, 128, 0.84);
	box-shadow: inset 0px 0px 20px 1px #16C0C1;
	border: 1px solid #00FFEB;
}

.alert_box h3 {
	font-size: 16px;
	color: #00FFEB;
	background: linear-gradient(270deg, rgba(0, 255, 235, 0) 0%, rgba(0, 255, 235, 0.14) 50%, rgba(0, 255, 235, 0) 100%);
	line-height: 40px;
	margin: 0;
	text-align: center;
	padding: 0 25%;
}

.alert_box h3::before {
	content: "";
	float: left;
	height: 40px;
	width: 40px;
	background: url(../img/tit_left.png) no-repeat right center;
}

.alert_box h3::after {
	content: "";
	float: right;
	height: 40px;
	width: 40px;
	background: url(../img/tit_right.png) no-repeat left center;
}

.alert_box form {
	padding: 48px 20% 25px 20%;
	text-align: center;
}

.alert_box .form-group {
	text-align: left;
	margin-bottom: 30px;
	overflow: hidden;
}

.input_box .form-control {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 0;
	border: none;
	color: #fff;
	font-size: 14px;
}


/*
 * 线路
 */

.jd_table svg {
	margin-right: 5px;
}

.jd_table .tower_list {
	padding-left: 32px;
}

.box_bg {
	background: rgba(0, 0, 0, 0.15);
	border: 1px solid #0086FC;
}

.add_box {
	max-width: 100%;
	width: 100%;
	padding-top: 0;
	box-shadow: none;
	min-height: calc(80vh);
	margin-bottom: 20px;
}

.add_tit {
	background: linear-gradient(270deg, rgba(0, 255, 235, 0) 0%, rgba(0, 255, 235, 0.14) 50%, rgba(0, 255, 235, 0) 100%);
}

.add_tit h3 {
	width: 200px;
	margin: 0 auto;
	padding: 0;
	background: none;
}

.add_box form {
	padding: 48px 16px 40px 16px;
	text-align: center;
	margin: 0 auto;
	max-width: 400px;
}

.input_box .form-control option {
	color: #333;
}

input[type="date"]::-webkit-calendar-picker-indicator {
	display: inline-block;
	width: 15px;
	height: 15px;
	background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg' ><path fill-rule='evenodd' d='M6.333,2A.636.636,0,0,1,7,2.6v.6h4V2.6a.67.67,0,0,1,1.333,0v.6H13A1.908,1.908,0,0,1,15,5v.6H3V5A1.908,1.908,0,0,1,5,3.2h.667V2.6A.636.636,0,0,1,6.333,2ZM3,6.8v5.4A1.908,1.908,0,0,0,5,14h8a1.908,1.908,0,0,0,2-1.8V6.8Z' clip-rule='evenodd' /></svg>");
	cursor: pointer;
}

.tower_add .form-row {
	margin: 0 -5px;
}

.tower_add .form-row>div {
	padding: 0 5px;
}


/*
 * 设备管理
 */

.tree_box {
	height: calc(100vh - 152px);
}

@media (max-width: 767.98px) {}

.tree_box ul {
	padding: 0px;
	height: 100%;
	overflow: auto;
}

.tree_1 {
	margin-right: -15px;
}

.tree_box li {
	line-height: 40px;
	list-style: none;
}

.tree_box span .bi {
	fill: #00ffeb;
	vertical-align: -0.8px;
	margin-right: 4px
}

.tree_box .on>div {
	background: rgba(255, 255, 255, 0.1);
}

.arrow {
	display: inline-block;
	vertical-align: -0.15em;
	content: "";
	border-top: 0.375em solid;
	border-right: 0.375em solid transparent;
	border-bottom: 0.375em solid transparent;
	;
	border-left: 0.375em solid transparent;
	margin-right: 4px;
}

.arrow_down {
	border-top: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid;
	vertical-align: 0;
}

.tree_box .tree_1>li>div {
	padding-left: 10px;
}

.tree_box .tree_2>li>div {
	padding-left: 28px;
}

.tree_box .tree_3>li>div {
	padding-left: 62px;
}

@media (max-width: 767.98px) {
	.tree_box {
		margin-bottom: 24px;
		height: auto;
	}
	.tree_1 {
		margin-right: 0;
	}
}

.state span {
	background: rgba(14, 194, 48, 0.5);
	padding: 6px 10px;
	min-width: 48px;
}

.state_red span {
	background: rgba(230, 56, 95, 0.5);
}

.state_grey span {
	background: rgba(102, 102, 102, 0.5);
}

.device_table {
	min-width: 900px;
}


/*
 * 设备详情
 */

.detail_box {
	height: auto;
	min-height: auto;
	margin-bottom: 15px;
}

.detail_box>.row {
	padding: 10px 10px 0;
	margin: 0;
}

.detail_box .map {
	padding: 10px 10px 0;
	overflow: hidden;
	position: relative;
	padding-bottom: 20px;
}

.detail_box .map>img {
	width: 100%;
	height: 100%;
	border-radius: 5px;
}

.detail_box .map i {
	position: absolute;
	left: 20%;
	top: 20%;
}

.device_detail {
	padding: 10px 10px 0;
}

.device_detail ul {
	padding: 0;
	margin: 0 -10px;
}

.device_detail li {
	list-style: none;
	padding: 0 10px;
}

.device_detail dl {
	background: #0D1F66;
	box-shadow: 0px 0px 6px #00E1E2;
	border-radius: 5px;
	padding: 14px 20px;
	line-height: 1;
	margin-bottom: 20px;
}

.device_detail dl dd {
	color: #00FFEB;
	margin-bottom: 14px;
}

.device_detail dl dt {
	font-size: 12px;
	margin: 0;
	font-weight: normal;
}

.chart_box {
	margin-bottom: 15px;
	height: auto;
	min-height: auto;
}

.chart_container {
	padding: 20px;
}

@media (min-width: 1600px) {
	.device_detail li {
		width: 25%;
	}
	.detail_row {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}


/*
 * 消息管理
*/

.unread {
	width: 6px;
	height: 6px;
	display: inline-block;
	background: #E6385F;
	border-radius: 100%;
	position: absolute;
	margin-top: 5px
}

.message_box ul {
	padding: 0;
	margin: 0;
}

.message_box li {
	list-style: none;
}

@media (min-width: 1600px) {
	.message_box li {
		width: 25%;
	}
}

.message_box dl {
	background: #0D1F66;
	box-shadow: 0px 0px 6px #00E1E2;
	border-radius: 10px;
	padding: 30px;
	margin-bottom: 30px;
}

.message_box dl dt {
	margin-bottom: 30px;
}

.massage_icon {
	width: 48px;
	height: 48px;
	margin-left: 15px;
	box-shadow: 0px 0px 6px #00FFEB;
	text-align: center;
	border-radius: 100%;
	padding: 0;
}

.message_tit h4 {
	color: #00FFEB;
	font-size: 16px;
	font-weight: normal;
	margin-top: 5px;
}

.message_tit span {
	font-size: 12px;
	font-weight: normal;
}

.message_box dd {
	margin-bottom: 0;
}

.message_box p {
	line-height: 2;
}

.message_box p.location {
	font-size: 12px;
	line-height: 16px;
	margin: 20px 0;
}

.message_box p.location::before {
	float: left;
	content: "";
	width: 9px;
	height: 16px;
	background: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%2300ffeb' xmlns='http://www.w3.org/2000/svg' ><path fill-rule='evenodd' d='M3.5,9.9v4.9l.688,1.032a.375.375,0,0,0,.624,0L5.5,14.8V9.9a5.277,5.277,0,0,1-2,0ZM4.5,0A4.5,4.5,0,1,0,9,4.5,4.5,4.5,0,0,0,4.5,0Zm0,2.375A2.127,2.127,0,0,0,2.375,4.5a.375.375,0,0,1-.75,0A2.878,2.878,0,0,1,4.5,1.625a.375.375,0,0,1,0,.75Z' clip-rule='evenodd' /></svg>") no-repeat;
	background-size: 16px 16px;
	margin-right: 5px;
}


/*
 * 天气管理
*/

.weather_box li {
	list-style: none;
}

.weather_box>ul {
	padding: 0;
	margin: 0;
}

.weather_box>ul>li {
	list-style: none;
	margin-bottom: 30px;
}

.weather_box>ul>li>div {
	background: #0D1F66 url(../img/weather_bg.png) no-repeat center bottom;
	box-shadow: 0px 0px 6px #00E1E2;
	border-radius: 10px;
	padding: 30px;
	list-style: none;
	line-height: 1;
}

.weather_box .date {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.5);
}

.weather_box .city {
	margin-bottom: 10px;
}

.weather_box .degree {
	font-size: 48px;
	color: #00FFEB;
	text-shadow: 0px 0px 6px #00FEFF;
	font-weight: bold;
	line-height: 2.25;
}

.weather_box .degree span {
	font-size: 16px;
	font-weight: normal;
}

.weather_box .weather {
	font-size: 18px;
	margin-bottom: 30px;
}

.weather_detail {
	padding: 10px 0;
	border-radius: 15px;
	background: rgba(255, 255, 255, .03);
}

.weather_detail li {
	border-left: 1px solid #1B328C;
	border-right: 1px solid #0F1B4B;
	padding: 10px 0;
}

.weather_detail li:first-child {
	border-left: 0;
}

.weather_detail li:last-child {
	border-right: 0;
}

.weather_detail li dl {
	margin-bottom: 0;
}

.weather_detail li dd {
	color: #00FFEB;
	margin-bottom: 1em;
}

.weather_detail li dt {
	font-size: 12px;
	font-weight: normal;
}


/*
 * 用户管理
 */

.user_box ul {
	padding: 0;
}

.user_box>ul {
	margin: 0 -7.5px;
}

@media (min-width: 1600px) {
	.user_box>.row>li {
		width: 25%;
	}
}

.user_box li {
	list-style: none;
}

.user_box>ul>li {
	margin-bottom: 30px;
	list-style: none;
	padding: 0 7.5px;
}

.user_box .user_con {
	background: #0D1F66;
	box-shadow: 0px 0px 6px #00E1E2;
	border-radius: 10px;
	padding: 20px 20px 5px 20px;
}

.user_box dl {
	margin: 0 0 20px 0;
}

.user_icon {
	width: 90px;
	height: 120px;
	box-shadow: 0px 0px 6px #00FFEB;
	position: relative;
	padding: 0;
}

.user_box dd {
	margin-bottom: 0;
	padding: 0 0 0 16px;
}

.user_box dd h4 {
	font-size: 16px;
	color: #00FFEB;
	margin: 6px 0 10px 0;
}

.user_box dd span {
	font-size: 12px;
	line-height: 22px;
}

.user-check {
	position: absolute;
	top: 20px;
	right: 25px;
}

.user-check input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	outline: none;
	display: none;
}

.user-check label {
	margin-bottom: 0;
}

.user-check label span {
	display: inline-block;
	border: 1px solid #fff;
	width: 24px;
	height: 24px;
	border-radius: 100%;
}

.user-check input[type="checkbox"]:checked+span {
	border: none;
	background-image: url("data:image/svg+xml,<svg viewBox='2 2 24 24' fill='%2300FFEB' xmlns='http://www.w3.org/2000/svg' ><path fill-rule='evenodd' d='M2,14A12,12,0,1,1,14,26,12,12,0,0,1,2,14Zm16.448-1.552a1.2,1.2,0,1,0-1.7-1.7L12.8,14.7l-1.552-1.552a1.2,1.2,0,1,0-1.7,1.7l2.4,2.4a1.2,1.2,0,0,0,1.7,0Z' clip-rule='evenodd' /></svg>");
	background-repeat: no-repeat;
	background-size: 24px 24px;
}

@media (min-width: 1600px) {
	.user_box .col_max {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
}

.add_box .custom-file-label::after {
	display: none;
}


/*
 * 统计分析
 */

.analysis_con {
	margin: 0 -7.5px;
}

.analysis_half {
	padding: 0 7.5px;
}

.pie_container {
	padding: 20px 13%;
}

@media (max-width: 1599.98px) {
	.chart_container {
		height: 300px !important;
	}
	.pie_container {
		padding: 20px;
	}
}

@media (max-width: 767.98px) {
	.pie_container {
		padding: 20px 10px;
		height: 200px !important;
	}
}


/*
 * 首页
 */

.index_con {
	padding: 7.5px;
}

.index_con>div {
	padding: 7.5px;
	margin-top: -30px;
	overflow: hidden;
}

.index_item {
	width: auto;
	margin: 15px 0;
}

.index_item_con {
	padding: 10px;
}

.index_table {
	font-size: 12px;
	overflow: auto;
}

.index_table .table>tbody>tr>td,
.index_table .table>thead>tr>th {
	line-height: 24px;
}

@media (min-width: 1200px) {
	.index_right .col-lg-4 {
		padding: 7.5px;
	}
}

@media (min-height: 900px) {
	.index_item {
		height: calc(33vh - 54px);
	}
	.index_main {
		height: calc(66vh - 108px + 15px);
	}
	.index_item_con {
		height: calc(100% - 40px);
	}
}

@media (max-height: 899.99px) {
	.index_item {
		min-height: 270px;
		height: auto;
	}
	.index_main {
		min-height: 555px;
		height: auto;
	}
	.index_item_con {
		min-height: 228px;
	}
	.index_main .index_item_con {
		min-height: 513px;
	}
}

@media (min-width: 1600px) {
	.xl_3 {
		width: 25%;
	}
	.xl_6 {
		width: 50%;
	}
	.xl_12 {
		width: 100%;
		padding: 0;
	}
}

.index_con .index_right {
	padding: 0;
	padding-top: 15px;
}

.index_right .col-lg-4 {
	margin: 0;
	padding: 0;
}

.index_right .col-lg-4 .index_item {
	margin: 7.5px;
	padding: 0;
}

@media (max-width: 1198.99px) {
	.index_right .col-lg-4 .index_item {
		margin: 15px 7.5px;
		padding: 0;
	}
	.index_con .index_right {
		padding-top: 10px;
	}
}

.index_main .index_item_con {
	padding: 20px;
}

@media (max-width:1199.99px) {
	.index_item {
		min-height: 270px;
		height: auto;
	}
	.index_main {
		min-height: 555px;
		height: auto;
	}
	.index_item_con {
		min-height: 228px;
	}
	.index_main .index_item_con {
		min-height: 513px;
	}
}

@media (min-width: 1200px) {
	.overview_box {
		display: flex;
		flex-wrap: wrap;
		align-content: center;
	}
}

.overview_box ul {
	margin: 0;
}

.overview_box ul li {
	padding: 2% 3%;
}

.overview_box dl {
	background: #0D1F66;
	box-shadow: 0px 0px 6px #00E1E2;
	border-radius: 100px;
	padding: 10px;
	margin: 0;
}

.overview_icon {
	width: 48px;
	height: 48px;
	box-shadow: 0px 0px 6px #00FFEB;
	text-align: center;
	border-radius: 100%;
	padding: 0;
}

.overview_tit h4 {
	font-size: 12px;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 0;
}

.overview_tit span {
	font-size: 12px;
	font-weight: normal;
}

.overview_tit b {
	font-size: 18px;
	color: #00FFEB;
}

.overview_box dd {
	margin-bottom: 0;
	padding-top: 2px;
}

.situation_box {
	text-align: center;
	position: relative;
	padding: 0;
}

@keyframes rotate {
	from {
		transform: rotate(0);
	}
	to {
		transform: rotate(360deg);
	}
}

.situation_1 {
	width: 100%;
	height: calc(100% - 30px);
	background: url(../img/situation-bg-1.png) no-repeat center center;
	background-size: auto calc(100% - 30px);
	position: absolute;
	top: 0;
	left: 0;
	animation: rotate 5s linear infinite;
	transform-origin: center;
	z-index: -1;
}

.situation_2 {
	width: 100%;
	height: calc(100% - 30px);
	background: url(../img/situation-bg-2.png) no-repeat center center;
	background-size: auto calc(100% - 60px);
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	animation: rotate 5s linear infinite reverse;
	transform-origin: center;
	z-index: -1;
}

.situation_box img {
	margin: 15px 0 10px 0;
	border-radius: 100%;
}

.alarm img {
	animation: rotate2 1s linear infinite;
	transform-origin: center;
	z-index: -1;
}

@keyframes rotate2 {
	from {
		box-shadow: #F00 0 0 100px;
		background: rgba(255, 0, 0, 0.1);
	}
	to {
		box-shadow: yellow 0 0 10px;
		background: rgba(255, 255, 0, 0.1);
	}
}

.situation_box p {
	font-size: 16px;
	color: #00FF88;
}

.alarm p {
	color: #FF174B;
}

.btn_nobg {
	border: none;
	color: #00FFEB;
	background: none;
	margin: 10px;
	position: absolute;
	top: 40px;
	left: 0px;
	z-index: 999;
}

.index_main {
	position: relative;
}