* {padding: 0px;margin: 0px;}


.hsa {
  text-align: center;
  font-size: 18px;
  line-height: 16px;
  border-radius: 3px;
  padding: 4px 15px 6px;
  text-decoration: none;
  color: #fff;
  font-family: Roboto, lucida grande, lucida sans unicode, Arial, sans-serif;
  text-transform: uppercase;
  background-color: #050f34;
}

.csa {
  text-align: center;
  font-size: 18px;
  height: 20px;
  line-height: 18px;
  border-radius: 3px;
  padding: 4px 15px 6px;
  text-decoration: none;
  color: #fff;
  font-family: Roboto, lucida grande, lucida sans unicode, Arial, sans-serif;
  text-transform: uppercase;
  background-color: #f59c00;
}

.hsa:hover {
  font-size: 20px;
  color: #fff;
  background-color: #f59c00;
}

.csa:hover {
  font-size: 20px;
  color: #fff;
  background-color: #f59c00;
}
.header-main {
	color: #ffffff;
	height: 85px;
	position: relative;
}

.header-main .homes {
	margin-left: 15px;
	margin-top: 5px;
	cursor: pointer;
}

.header-main table {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 3;
}

.header-main table tr td {
	position: relative;
	left: 0px;
}

.header-main table tr td h1 {
	position: relative;
	z-index: 5;
}

.header-main table td .titleImg {
	position: absolute;
	left: 0;
	top: -24px;
	z-index: 1;
}

.header-main table td .toptimes {
	color: #67abf7;
	margin-top: 10px;
	margin-right: 12px;
}

.header-main table td .toptimes .layui-icon {
	margin-right: 5px;
}

.content-mains {
	color: #ffffff;
	width: 99.9%;
	margin: auto;
	z-index: 4;
	position: relative;
}

.map-main .tab-main {
	margin: auto;
	width: 370px;
	position: relative;
	z-index: 5;
}

.map-main .tab-main .tab-info {
	border: 1px solid #58abea;
	color: #58abea;
	text-align: center;
	width: 75px;
	float: left;
	margin-right: 15px;
	padding: 4px 0px;
	cursor: pointer;
}

.map-main .tab-main .tab-this {
	border: 1px solid #e2e230;
	color: #e2e230;
}

.map-main .num-count {
	font-size: 28px;
	text-align: center;
	clear: initial;
	margin-top: 25px;
	margin-bottom: 15px;
	position: relative;
	z-index: 5;
}

.countlist-main {
	width: 100%;
	margin: auto;
	margin-bottom: 15px;
}

.countlist-title {
	font-size: 18px;
	color: #fff;
	margin-bottom: 8px;
}

.countlist-main .countlist {
	margin: 0px;
	margin-top: 5px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, endColorstr=#7F000000);
	background-color: rgba(0, 0, 0, .5);
}

.countlist-main .layui-table td,
.countlist-main .layui-table th {
	border: 1px solid #aaa;
	padding: 10px 0px 5px 0px;
	position: static;
}

.countlist-main .countlist th {
	color: #098cec;
	background-color: #323333;
	text-align: center;
}

.countlist-main .layui-table tr:hover {
	/* IE滤镜 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, endColorstr=#7F000000);
	/* CSS3 */
	background-color: rgba(0, 0, 0, .5);
}

.countlist-main .countlist tr td {
	color: #e8f353;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.count-content-title {
	font-size: 18px;
	color: #fff;
}

.count-content-title .areas {
	padding-left: 20px;
	color: #00FF00;
}

.map-main .comareas {
	position: absolute;
	top: 15px;
	right: 20px;
	font-size: 15px;
	border: 1px solid #a9bf30;
	padding: 1px 10px;
	background-color: #79c340;
	cursor: pointer;
	z-index: 10;
}

.map-main .comareas:hover {
	color: red;
}

.map-main .map-title {
	position: absolute;
	bottom: 30px;
	right: 30%;
	font-size: 33px;
	z-index: 10;
	letter-spacing: 5px;
}

.layui-layer-loading .layui-layer-content {
	margin: auto;
}

#typeList .typecolor1 {
	background-color: #FF5722;
}

#typeList .typecolor2 {
	background-color: #01AAED;
}

#typeList .typecolor3 {
	background-color: #EB7350;
}

#typeList .typecolor4 {
	background-color: #99CC33;
}

#typeList .typecolor5 {
	background-color: #f37578;
}

#typeList .typecolor6 {
	background-color: #009E94;
}

#typeList .typecolor7 {
	background-color: #c84dd2;
}

#typeList .typecolor8 {
	background-color: #f90b8f;
}

#typeList .typecolor9 {
	background-color: #dc3556;
}

#typeList .typecolor10 {
	background-color: #04a46e;
}

#typeList .typecolor11 {
	background-color: #f9a753;
}

#typeList .typecolor12 {
	background-color: #FFCC00;
}

#typeList .typecolor13 {
	background-color: #ec8dcb;
}

#typeList .typecolor14 {
	background-color: #efbd81;
}

#typeList .typecolor15 {
	background-color: #ab905e;
}

#typeList .typecolor16 {
	background-color: #a04656;
}

#typeList .typecolor17 {
	background-color: #8f31e4;
}

#typeList .typecolor18 {
	background-color: #546ef1;
}

#typeList .typecolor19 {
	background-color: #b04b07;
}

#typeList .typecolor20 {
	background-color: #acbf09;
}

#typeList {
	padding-left: 5px;
}

#typeList .typeinfo {
	display: -webkit-inline-box;
	padding: 3px 10px;
	margin: 6px 5px;
}

.counttype-main a {
	color: #fff;
	width: 140px;
	border: 1px solid #d808f1;
	background-color: #166a82c4;
	float: left;
	text-align: center;
	font-size: 18px;
	padding: 5px 0px;
	margin-right: 20px;
	margin-bottom: 15px;
}

.counttype-main a:hover {
	background-color: #38cc66c4;
}

.counttype-main .type-this {
	background-color: #38cc66c4;
}

.anchorBL {
	display: none;
}

.zhzx-mains .tb-mains {
	background-color: #83898c;
	text-align: center;
	display: flex;
	position: absolute;
	z-index: 5;
	color: #000000;
}

.zhzx-mains .tb-infos {
	width: 60px;
	float: left;
	padding: 5px 5px;
	margin: 5px 3px;
	background-color: #eaebec;
	cursor: pointer;
	font-size: 12px;
}

.zhzx-mains .tb-infos img {
	width: 50px;
	height: 30px;
}

.zhzx-mains .tb-infos-this {
	background-color: #7bdeac;
}

.zhzx-mains .data-but{
	background-color: #7bdeac;
	text-align: center;
	display: flex;
	position: absolute;
	top: 100px;
	z-index: 5;
	color: #000000;
	padding: 5px 15px;
	cursor: pointer;
}

.map-types-mains {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: -7px;
}

.map-types-mains .type-btn-mains {
	position: absolute;
	top: -27px;
	z-index: 7;
	cursor: pointer;
	line-height: 25px;
}

.map-types-mains .type-btn-mains .layui-icon {
	font-size: 18px;
}

.map-types-mains .type-btn-mains .type-btn {
	width: 130px;
	text-align: center;
	background-color: #93D1FF;
	border-radius: 8px 8px 0px 0px;
	color: #585757;
	font-weight: bolder;
}

.map-types-mains .type-btn-mains .type-btn:hover {
	color: blue;
}

.map-types-mains .map-types-infos {
	width: 1080px;
	background-color: #EAEBEC;
	padding-top: 10px;
	padding-bottom: 8px;
	border-radius: 10px;
	padding-left: 30px;
	line-height: 30px;
}

.map-types-mains .map-types-infos .types-info {
	float: left;
	width: 180px;
	text-align: left;
	color: #000000;
	cursor: pointer;
}

.map-types-mains .map-types-infos .types-info img {
	width: 25px;
	height: 20px;
	align-content: center;
	padding-right: 5px;
	padding-left: 10px;
}

.map-types-mains .map-types-infos .types-info:hover {
	color: #0079FF;
}

.map-types-mains .map-types-infos .types-info-this {
	background-color: #89d4ae;
	color: #0079FF;
	border-radius: 50px;
}

.map-wrap2-num {
	position: absolute;
	right: 150px;
	top: 30px;
	font-size: 34px;
	z-index: 9;
}

.zhzx-mains .count-content-titles {
	font-size: 16px;
	color: #efefef;
	line-height: 26px;
	padding-left: 10px;
	background: #578be8;
	background: -moz-linear-gradient(top, #578be8 0%, #b9d9de 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #578be8), color-stop(100%, #b9d9de));
	background: -webkit-linear-gradient(left, #578be8 0%, #b9d9de 100%);
	background: -o-linear-gradient(left, #578be8 0%, #b9d9de 100%);
	background: -ms-linear-gradient(left, #578be8 0%, #b9d9de 100%);
	background: linear-gradient(to right, #578be8 0%, #b9d9de 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#578be8', endColorstr='#b9d9de', GradientType=0);
}

.zhzx-mains .countlist-main {
	margin-top: 15px;
}

.zhzx-mains .map-year-mains {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 230px;
}

.zhzx-mains .map-year-mains .layui-input-block {
	margin-left: 0px;
}

.zhzx-mains .map-year-mains .layui-form-radio * {
	font-size: 22px;
}

#listInfoPages .layui-laypage {
	color: #fff;
	margin-top: 10px;
}

#listInfoPages .layui-laypage a,
.layui-laypage span {
	background-color: #2f2f2f7a;
	border: 1px solid #aaaaaa;
	color: #098cec;
}

#listInfoPages .layui-laypage .layui-disabled {
	color: #8c8c8b!important;
}

.zhzx-mains .countlist-main .countlist tr td{
	white-space: initial;
  overflow: initial;
  text-overflow: initial;
}

.zyzx-mains .map-mains{
	position: relative;
}
.zyzx-mains .map-mains .qs{
	position: absolute;
	left: 50px;
	top: 80px;
	border: 1px solid #488bd6;
	padding: 4px 12px;
	background-color: #4faf83;
	z-index: 9;
	cursor: pointer;
}

.zyzx-mains .map-mains .map-title{
	width: 100%;
	text-align: center;
	font-size: 30px;
}

.zyzx-areas-mains .map-mains{
	position: relative;
}

.zyzx-areas-mains .map-mains .map-title{
	position: absolute;
	left: 30px;
	top: 20px;
	font-size: 30px;
}

.zyzx-mains .zyzxtype-mains .type-info{
	width: 100px;
	overflow: hidden; /*自动隐藏文字*/
	text-overflow: ellipsis;/*文字隐藏后添加省略号*/
	white-space: nowrap;/*强制不换行*/
	cursor: pointer;
	float: left;
	text-align: center;
	border: 1px solid #488bd6;
	padding: 4px 12px;
	margin-bottom: 10px;
	margin-right: 10px;
	color: #eeeeee;
}

.zyzx-mains .zyzxtype-mains .type-info-this{
	background-color: #3315ad;
}


.border-content-main1{width:99.5%;margin: auto;margin: 0px 4px;height: 702px;}
.border-content-main1 .border-contents .content-border{margin-bottom: 5px;border-radius: 5px;border: 1px solid #4182f9;/*box-shadow: #999 0px 0px 12px 2px inset;*/padding: 5px;}
.border-content-main1 .border-lefts{margin-right: 5px;}
.border-content-main1 .border-contents-right .layui-col-md2{width: 16.3%;}
.border-content-main1 .border-contents-right .layui-col-md3{width: 24.6%;}
.border-content-main1 .border-contents-right .layui-col-md4{width: 32.9%;}
.border-content-main1 .border-contents-right .layui-col-md5{width: 41.5%;}
.border-content-main1 .border-contents-right .layui-col-md6{width: 49.7%;}
.border-content-main1 .border-contents-right .layui-col-md7{width: 58.0%;}
.border-content-main1 .border-contents-right .layui-col-md8{width: 66.3%;}
.border-content-main1 .border-contents-right .layui-col-md12{width: 99.8%;}
.border-content-main1 .content-border-info {margin: auto;position: absolute;left: 0;right: 0;}
.border-content-main1 .content-border-info{color: #fff;text-align: center;padding-top: 5px;font-weight: normal;width: 100%;}
.border-content-main1 .content-border-info .info-title{text-align: left;color: #f7f5f5;padding-left: 13px;}
.border-content-main1 .content-border-info .info-number{font-size: 38px;font-weight: bold;padding-top: 40px;}
.border-content-main1 .content-border-info .type-content-main{margin-top: 10px;margin-left: 10px;}
.border-content-main1 .content-border-info .type-content-main .type-contetn-list{float: left;padding: 2px 0px;margin: 3px;width: 30%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.border-content-main1 .content-border-info .type-content-main .type-contetn-list a{color:#fff;}

.user-count-info{color: #fff;}
.user-count-info .user-count-info-title{font-size: 28px;margin-top: 6px;margin-left: 8px;}
.user-count-info .user-count-info-num{font-size: 70px;text-align: center;margin-top: 8px;}
.user-count-info .zx-info{line-height:35px; height:35px; display:bolck; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align:left;padding:0 10px;}
.user-count-info .zx-info a{color:#34dcff; font-size:14px;}

.border-content-main1 .border-contents .uhctitle{color: #eceaea;font-size: 20px;font-weight: normal;padding-left: 7px;padding-top: 2px;}
.border-content-main1 .border-contents .layui-tab-title{height: 30px;line-height: 30px;}
.border-content-main1 .border-contents .layui-tab-title li{line-height: 30px;color: #fff;font-size: 16px;}
.border-content-main1 .border-contents .layui-tab-card>.layui-tab-title{background-color: initial;}
.border-content-main1 .border-contents .layui-tab-title .layui-this:after{height: 30px;}
.border-content-main1 .border-contents .layui-tab-card,.layui-tab-title{border-color: #78b2ce;}
.border-content-main1 .border-contents .layui-tab-card{margin: 0px 8px;margin-top: 13px;margin-bottom: 5px;}
.border-content-main1 .border-contents .layui-tab-card>.layui-tab-title .layui-this{background-color: #73c6ef;}
.border-content-main1 .border-contents .layui-tab-card>.layui-tab-title .layui-this:after{border: 0px;}

.zhzx-info-mains {background-color: #cfdcfb;min-height: 357px;}
.zhzx-info-mains .info-tables{width: 430px;}
.zhzx-info-mains .info-tables tr{/*border-bottom: 1px dashed #4E5465;*/;}
.zhzx-info-mains .info-tables tr td{line-height: 27px;padding-right: 15px;}
.zhzx-info-mains .info-tables tr .left{width: 100px;text-align: right;padding-right: 0px;}
.zhzx-info-mains .info-tables tr .title{line-height: 36px;font-size: 15px;font-weight: bolder;color:orangered;padding-left: 10px;}
.zhzx-info-mains .info-tables .list-top{border-top: 1px dashed #4E5465;}
.zhzx-info-mains .info-tables .list-top td{padding-top: 10px;}
.zhzx-info-mains .info-tables .list-bottom td{padding-bottom: 10px;}
.zhzx-info-mains .info-tables .listinfo1{border: 0px;}

.map-wrap2-num .layui-icon {font-size: 25px;color: #3ad4c0;font-weight: bolder;cursor: pointer;padding-left: 5px;}
.map-wrap2-num .layui-icon:hover{font-size: 28px;color: #6faff3;}
.map-wrap2-num .layui-layer-content{background-color: #bfded1;}
.map-wrap2-num .layer_notice{float: right;height: 220px;width: 300px;padding: 10px;font-size: 15px;line-height: 24px;color: #000;text-indent: 30px;background-color: #bfded1;margin-top: 10px;}



#mapDetail{width: 300px;height: 500px;background-color: #142752;border: 1px #5b9afb solid;position: absolute;top: 25px;display: none;padding: 0px 5px;padding-top: 17px;z-index: 99999999;}
#mapDetail .infoClose{position: absolute;right: -13px;top: -18px;font-size: 25px;border: 2px solid #d8e5fb;border-radius: 50px;background-color: #8bb8f1;cursor: pointer;font-weight: bolder;}
#mapDetail .infoClose:hover{background-color: #8bc34a;}
#mapDetail img{width: 100%;min-height: 60px;border: none;}
#mapDetail #detail-img{margin: 10px 0px;}
#mapDetail #imageslist{margin: 10px 0px;}
#mapDetail #imageslist img{width: 270px;height: 180px;}
#mapDetail div{font-weight: bolder;color: #00F7DE;}
#mapDetail p{font-weight: initial;color: #248bf9;}
#mapDetail span{font-weight: initial;color: #248bf9;}
#mapDetail #detail-title{width: 100%;color: #fff;font-size: 17px;text-align: center;}

#mapInfoDetail{height: 480px;padding: 10px;padding-top : 0px;font-size: 14px;z-index: 99999;line-height: 23px;overflow-y: auto;}
/*滚动条样式*/
#mapInfoDetail::-webkit-scrollbar {/*滚动条整体样式*/
    width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 6px;
}
#mapInfoDetail::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 50px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(87, 246, 247, 0.81);
}
#mapInfoDetail::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(10, 10, 10, 0.4);
}