html,
body {
	font-size: 16px;
	background: url(../img/dark_bg.jpg) no-repeat center center #000;
	background-size: cover;
	height: 100vh; margin: 0; padding: 0;
	font-family: "微软雅黑";
}

.blank16 {
	clear: both;
	display: block;
	height: 0.5rem;
	overflow: hidden;
}

.blank32 {
	clear: both;
	display: block;
	height: 2rem;
	overflow: hidden;
}

.blank48 {
	clear: both;
	display: block;
	height: 3rem;
	overflow: hidden;
}

.blank64 {
	clear: both;
	display: block;
	height: 4rem;
	overflow: hidden;
}

.white {
	color: #fff !important;
}

.blue {
	color: #529cff !important;
}

.red {
	color: #f16155 !important;
}

.yellow {
	color: #ffd15c !important;
}

.green {
	color: #03db8c !important;
}

.green_deep {
	color: #00bb68 !important;
}

.blue_border {
	border-color;
	: #35ccfd !important;
}

.red_border {
	border-color;
	: #fd5050 !important;
}

.yellow_border {
	border-color;
	: #ffd15c !important;
}

.green_border {
	border-color;
	: #27f0d5 !important;
}

.blue_bg {
	background-color: #3b87ee !important;
}

.blue_bg01 {
	background-color: url(../img/titlebg03.png) no-repeat center center;
	background-size: 100% 100%;
}

.black_bg {
	background-color: rgba(0, 0, 0, 0.3) !important;
	border-radius: 0.3rem;
}

.gray_bg {
	background-color: #62676e !important;
	border-radius: 0.3rem;
}

.white_bg {
	background-color: #ccc !important;
	border-radius: 0.3rem;
}

.red_bg {
	background-color: #970f0f !important;
}

.red_bg01 {
	background: rgba(151, 15, 15, 0.4) !important;
	border-radius: 0.3rem;
}

.red_bg02 {
	background-color: #ff606d !important;
}

.green_bg {
	background-color: #00c3a8 !important;
}

.yellow_bg {
	background-color: #f4c73d !important;
	color: #111 !important;
}

.yellow_bg01 {
	background-color: #fd9602 !important;
}

.orange_bg {
	background-color: #e17822 !important;
}

.blue_shadow {
	text-shadow: 0 0 5px #3779e5, 0 0 10px #3779e5, 0 0 15px #3779e5, 0 0 20px #3779e5;
}

.red_shadow {
	text-shadow: 0 0 5px #be2222, 0 0 10px #be2222, 0 0 15px #be2222, 0 0 20px #be2222;
}

.yellow_shadow {
	text-shadow: 0 0 5px #e29001, 0 0 10px #e29001, 0 0 15px #e29001, 0 0 20px #e29001;
}

.green_shadow {
	text-shadow: 0 0 5px #049783, 0 0 10px #049783, 0 0 15px #049783, 0 0 20px #049783;
}

.bold {
	font-weight: bold !important;
}

.xie {
	font-style: italic !important;
}

.font_big {
	font-size: 2.4rem !important;
}

.blue_jbbg {
	background: linear-gradient(to right, #529cff, #04b3fc) !important;
}

.green_jbbg {
	background: linear-gradient(to right, #05b9c2, #66dab0) !important;
}

.yellow_jbbg {
	background: linear-gradient(to right, #edb24c, #f4d362) !important;
}

.red_jbbg {
	background: linear-gradient(to right, #f05b51, #f7957a) !important;
}

i,
cite {
	font-style: normal;
}

.empty {
	margin: 0;
	padding: 0;
}

a,
a:hover,
a:link,
a:active {
	outline: none !important;
	text-decoration: none;
}

a:hover,
a:link,
a:active {
	text-decoration: none;
}

b {
	font-weight: normal !important;
}

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

button {
	outline: none !important;
}

.dot_red::after {
	content: "●"; position: absolute; left: 0; top: -2px;
	font-size: 1.3rem;
	padding: 0 0 0 0.3rem;
	color: #fb5555 !important;
	font-weight: normal !important;
}
.dot_green::after {
	content: "●"; position: absolute; left: 0; top: -2px;
	font-size: 1.3rem;
	padding: 0 0 0 0.3rem;
	color: #61b843 !important;
	font-weight: normal !important;
}
.viewport {
	width:100%;
	height: 100%;
}

.main_body {
	padding: 1rem 0;
	width: 100%;
	height: 92%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}
.top_title{ position: fixed; top: 9vh; background: rgba(255,255,255,0.95); font-size: 0.9rem; color: #555; z-index: 102; left: 1rem; padding: 5px 15px; border-radius: 2px;}
.top {
	display: block;
	position: fixed; width: 100%;
	height: 10vh; background: linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.5), transparent);
	margin: 0; z-index: 100;
	overflow: hidden; padding: 0;
}

.bigdata_title {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin: 0 auto;
	height: 100%;
	margin: 0;
	position: relative;
}

.bigdata_title p {
	margin: 0;
	min-width: 545px;
	width: auto;
	padding: 0 0 0 1rem;
	height: 100%;
	display: block;
	background: url(../img/title_bg02.png) no-repeat center -16px;
	background-size: 100% 100%;
	margin: 0;
}

.bigdata_title b {
	display: table;
	margin: 0;
	font-size: 3rem;
	background: linear-gradient(to bottom, #fff, #70d0fc);
	-webkit-background-clip: text;
	color: transparent;
	font-weight: bold !important;
	line-height:5rem;
	letter-spacing: 2px;
}

.bigdata_title::after {
	content: "";
	background: url(../img/title_bg01.png) no-repeat left center;
	background-size: auto 100%;
	min-width: 1000px;
	height: 93%;
}

.top_menu {
	z-index: 990;
	position: absolute;
	width: 50%;
	right: 1rem;
	top: 45%;
	overflow: hidden;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.top_menu a {
	display: block;
	margin: 0;
	width: 20%; letter-spacing: 1px;
	line-height: 3.5rem;
	text-align: center;
	background: url(../img/menu_bg.png) no-repeat center center #031746;
	background-size: 100% 100%;
	font-size: 1.2rem;
	color: #fff;
}

.top_menu a:hover,
.top_menu .active {
	background: url(../img/menu_bg01.png) no-repeat center center #3163bf;
	background-size: 100% 100%;
}
.top_user{ display: flex; align-items: center; justify-content: flex-start; margin: 0 30px 0 10px;}
.top_user_pic{ width: 2.6rem; height: 2.6rem; border-radius: 300px; overflow: hidden; padding: 0; margin: 0;}
.top_user_pic img{ width: 100%; height: 100%;}
.top_user_name{ color: #fff; font-size: 1rem; white-space: nowrap; padding: 0 0 0 5px;}

.map{ width: 100%; height: 100%; display: block;}
.amap-icon img{
            width: 30px;
            height: 30px;
        }
.content-window-card {
            position: relative;
            box-shadow: none;
            bottom: 0;
            left: 0;
            width: auto;
            padding: 0;
        }

        .content-window-card p {
            height: 2rem;
        }

        .custom-info {
            border: solid 0px silver;
        }

        div.info-top {
            position: relative;
            background: none;
            border-bottom: 0px solid #CCC;
            border-radius: 0;
        }

        div.info-top div {
            display: inline-block;
            color: #333333;
            font-size: 14px;
            font-weight: bold;
            line-height: 30px;
            padding: 0;
        }

        div.info-top img {
            position: absolute;
            top: -15px;
            right: 0;
            transition-duration: 0.25s;
        }

        div.info-middle { background: none;
            font-size: 12px; margin: 0;
            padding:10px; color: #555; border:0px solid #356ac6;
            line-height: 5px;
        }
		   .info-middle img { width: 100%; height: 100%;
		        }
        div.info-bottom { 
            height: 0px;
            width: 100%;
            clear: both;
            text-align: center;
        }

        div.info-bottom img {
            position: relative;
            z-index: 104;
        }

.win_r{ background: rgba(3, 23, 70, 0.8); border: 1px solid #0b528a; position: fixed; right: 1rem; border-radius: 4px; top: 15vh; padding: 10px; width: 15vw; z-index: 103;}
.win_r_title{ display: table; margin: 10px auto; font-size: 1rem; font-weight: 500; color: #fff;}
.win_r_item{ display: block; overflow: auto; height: 500px;}
.win_r_item_title{  background: rgba(255, 255, 255, 0.2); border-radius: 2px; padding: 5px 15px; margin: 5px 0; color: #fff; letter-spacing: 1px; font-size: 0.7rem; display: table;}
.win_r_item_txt{ display: block; position: relative; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px dashed #0b528a;}
.win_r_item_txt span{ font-size: 0.7rem; line-height: 16px; color: #e5e5e5; display: table; padding: 4px 0 4px 25px; }

  /*滚动条样式*/
        ::-webkit-scrollbar {
            width: 5px;    
        }
        ::-webkit-scrollbar-thumb {
            border-radius: 10px;
            background: rgba(49,99,191,0.8);
        }
        ::-webkit-scrollbar-track {
            border-radius: 0;
            background: rgba(0,0,0,0.6);

        }