@charset "utf-8";
/* CSS Document */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: url(https://img.gzjimg.com/www/images/baijia/jiantou.png) 8 3, auto !important;
}

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box}
*,body{padding:0px;	margin:0px;color: #222;font-family: "微软雅黑";}
body{ background:#000d4a url(https://img.gzjimg.com/www/images/baijia/bg.jpg) center center; background-size:cover;color:#666; font-size: .1rem; }
li{ list-style-type:none;}
@font-face{font-family:electronicFont;src:url(https://img.gzjimg.com/www/images/baijia/DS-DIGIT.TTF)}
@font-face {
	font-family: font01;
	src: url(https://img.gzjimg.com/www/images/baijia/DATA-font01.TTF);
}
i{ margin:0px; padding:0px; text-indent:0px;}
img{ border:none; max-width: 100%;}
a{ text-decoration:none; color:#399bff;}
a.active,a:focus{ outline:none!important; text-decoration:none;}
ol,ul,p,h1,h2,h3,h4,h5,h6{ padding:0; margin:0}
a:hover{ color:#06c; text-decoration: none!important}

html,body{height: 100%;}
.clearfix:after, .clearfix:before {
	display: table;
	content: " "
}
 .clearfix:after {
	clear: both
}
.clearfix {
	border-bottom: 1px dotted rgba(255, 255, 255, .2);
}
.pulll_left{float:left;}
.pulll_right{float:right;}
/*谷哥滚动条样式*/

  /* ::-webkit-scrollbar {width:5px;height:5px;position:absolute}
  ::-webkit-scrollbar-thumb {background-color:#5bc0de}
  ::-webkit-scrollbar-track {background-color:#ddd} */

/***/

.loading{position:fixed; left:0; top:0; font-size:.3rem; z-index:100000000;width:100%; height:100%; background:#1a1a1c; text-align:center;}
.loadbox{position:absolute; width:160px;height:150px; color: #324e93; left:50%; top:50%; margin-top:-100px; margin-left:-75px;}
.loadbox img{ margin:10px auto; display:block; width:40px;}

.copyright{ line-height:.5rem; text-align: center; padding-right: 15px; bottom: 0; color:rgba(255,255,255,.5); font-size: .12rem; position: absolute; left: 0; width: 100%;}

.head{ height:1rem; background: url(https://img.gzjimg.com/www/images/baijia/head_bg.png) no-repeat center center; background-size: 100% 100%; position: relative}
.head h1{ color:#fff; text-align: center; font-size: .38rem; line-height:.85rem;font-family: "Microsoft YaHei";   color: #01C4F7;letter-spacing: 5px; font-weight: bold;}

.head h1 img{ width:1.35rem; display: inline-block; vertical-align: middle; }
.time{ position:absolute; right:.15rem; top:0; line-height: .65rem;color:rgba(255,255,255,.7); font-size: .26rem; padding-right: .1rem;font-family:electronicFont;}

.mainbox{ padding:0 .1rem 0rem .1rem; height:calc(100% - 1.15rem) }
.mainbox>ul{ margin-left:-.1rem; margin-right:-.1rem; height:100%}
.mainbox>ul>li{ float: left; padding: 0 .1rem;height:100%;width: 30%}
.mainbox>ul>li:nth-child(2){ width: 40%}

.mainbox2{ padding:0 .1rem 0rem .1rem; height:calc(24% - .05rem) }
.mainbox2>ul{ margin-left:-.1rem; margin-right:-.1rem; height:100%}
.mainbox2>ul>li{ float: left; padding: 0 .1rem;height:100%;width: 100%}



.boxall{ border: 1px solid rgba(25,186,139,.17); padding:0 .06rem .2rem .06rem;  
	/* background: rgba(255,255,255,.04) url(https://img.gzjimg.com/www/images/baijia/line.png);  */
	background-size: 100% auto; position: relative; margin-bottom: .15rem; z-index: 10;}
.boxall:before,
.boxall:after{ position:absolute; width: .1rem; height: .1rem; content: "";  border-top: 2px solid #02a6b5; top: 0;}
.boxall:before,.boxfoot:before{border-left: 2px solid #02a6b5;left: 0;}
.boxall:after,.boxfoot:after{border-right: 2px solid #02a6b5; right: 0;}
.alltitle{ font-size:.19rem; color:#fff;  line-height: .36rem; border-bottom:1px dotted rgba(255,255,255,.2);padding-left: 0.13rem;}
.boxnav{height: calc(100% - .5rem);}

.boxfoot{ position:absolute; bottom: 0; width: 100%; left: 0;}
.boxfoot:before,
.boxfoot:after{ position:absolute; width: .1rem; height: .1rem;  content: "";border-bottom: 2px solid #02a6b5; bottom: 0;}

.barnav{position: absolute; width: 100%; z-index: 100;}
 .bar{background:rgba(101,132,226,.1); /*padding: .08rem; */} 
.barbox li,.barbox2 li{ width:14%; text-align: center; position: relative;}
.barbox:before,
.barbox:after{ position:absolute; width: .3rem; height: .1rem; content: ""; }
.barbox:before{border-left: 2px solid #02a6b5;left: 0;border-top: 2px solid #02a6b5; }



.barbox:after{border-right: 2px solid #02a6b5; right: 0; bottom: 0;border-bottom: 2px solid #02a6b5; }

.barbox li:before{ position:absolute; content: ""; height:50%; width: 1px; background: rgba(255,255,255,.2); right: 0; top: 25%;}
.barbox ul li:nth-child(7):before {
	width: 0;
}
.barbox ul li:nth-child(14):before {
	width: 0;
}
.barbox{  border: 1px solid rgba(25,186,139,.17); position: relative; }
.barbox li{ font-size: .17rem; color: #399bff; padding: .04rem 0;  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: bold;font-family: electronicFont;}
.barbox2 li{ font-size: .19rem; color: rgba(255,255,255,.7);}

.mapbox{height:calc(100% - 2.15rem); display: flex; align-items: center; justify-content: center; overflow: hidden;}
.map{  position:relative; height: 100%; z-index: 9; width: 100%;}
.map4{ width: 200%; height:100%;  position: relative; left: -50%; top: 0%; margin-top: 0rem; z-index: 5;}

.map1{ width:6.43rem; top:0.25rem; left: .76rem;z-index: 2;  animation: myfirst2 15s infinite linear;}
.map2{ width:5.66rem; top:.75rem; left: 1.2rem; z-index: 3; opacity: 0.2; animation: myfirst 10s infinite linear;}
.map3{ width:5.18rem; top:0.97rem; left: 1.4rem; z-index: 1; transform: scale(.8); opacity: .6}
.map1,.map2,.map3{ position:absolute;}





.wrap{  overflow: hidden;}
.wrap li{  line-height:.38rem; height:.38rem; text-indent: .12rem; margin-bottom: .08rem; }
.wrap li p{border: 1px solid rgba(25,186,139,.17);}
.wrap li p{display: flex; justify-content: space-between;}
.wrap li p{display: flex; align-items: center; height: 92%;}
.wrap li p span{color:#fff;  text-align: center; text-overflow: ellipsis; white-space:nowrap; overflow: hidden; width: 20%; font-size: .19rem;opacity: 0.8;}
.wrap li p span:first-child{width: 98%; text-align: left;}
.sycm ul{   padding: .16rem 0; width: 100%;}
.sycm li{ float: left; width: 100%; text-align: center; position: relative}
.sycm li:before{ position:absolute; content: ""; height:30%; width: 1px; background: rgba(255,255,255,.1); right: 0; top: 15%;}
.sycm { height:calc(100% - .6rem); display: flex; align-items: center}
.sycm li:last-child:before,.sycm2 li:nth-child(3):before{ width: 0;}

.sycm li h2{ font-size:.6rem; color: #46b8ff; padding-bottom: .2rem;  font-family: electronicFont;}
.sycm li span{ font-size:.2rem; color: #00FFFF; }
.sycm2 { height:90%}
.sycm2 li{width: 33.3333%; padding: 10px 0;}
.sycm2 li h2{ color: #2ad08a}

.btbox{ height: 100%}
.btbox li{height:100%; float: left;width: 25%; padding-left:5%;}
@keyframes myfirst2
{
from {transform: rotate(0deg) scale(.8);}
to {transform: rotate(359deg) scale(.8);}
}

@keyframes myfirst
{
from {transform: rotate(0deg) scale(.8);}
to {transform: rotate(-359deg) scale(.8);}
}


/*Plugin CSS*/
.str_wrap {
	overflow:hidden;
	width:100%;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;  
	white-space:nowrap;
}


.str_move { 
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:move;
}
.str_move_clone {
	display:inline-block;
	vertical-align:top;
	position:absolute; 
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
	cursor:inherit;
}
.str_wrap img {
	max-width:none !important;	
}


.alltitle .pulll_right a{color: #fff;}
.alltitle .pulll_right a span{ display: inline-block; background: #58c485; width: .16rem; height: .16rem; vertical-align: middle; border-radius: 50%; margin: 0 .05rem 0 .1rem;}
.alltitle .pulll_right a:nth-child(2) span{ background: #ea7231;}
.alltitle .sebtn a{ opacity: .6; display: inline-block; padding: 0 .1rem}
.alltitle .sebtn a.active{ opacity:1}



.h100{height: 96%;}
.paim li>span{width: .3rem; height: .3rem; text-align: center; line-height: .3rem;  background: #878787; border-radius: .05rem; margin-right: .1rem; font-size: .16rem;}
.paim li:nth-child(1)>span{ background: #ed405d}
.paim li:nth-child(2)>span{background: #f78c44}
.paim li:nth-child(3)>span{background: #49bcf7}
.paim li{display: flex; align-items: center; height:20%;}

.pmbar{position: relative; display: flex;}

.pmbar span{ background: linear-gradient(to right,#14b6ff,#9cefff); display: inline-block; vertical-align: middle; height: .15rem; border-radius: .5rem;}
.pmbar i{ line-height: .2rem; font-style: normal; padding-left: .1rem; color: #49bcf7;font-size: .17rem;}
.pmnav{width:calc(100% - .8rem)}
.pmnav p{color: #fff; opacity: .6; font-size: .16rem; padding-bottom: .05rem; white-space: nowrap; 
  overflow: hidden; text-overflow: ellipsis;}
.sqzs{margin-right: .2rem;}
.sqzs p{ padding: .2rem 0; font-size: .22rem;}
.sqzs h1{height: calc(100% - .65rem); border-bottom: 1px solid rgba(255,255,255,.1); border-top: 1px solid rgba(255,255,255,.1); display: flex; align-items: center; color: #fef000; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: normal; letter-spacing: 2px; font-size: .85rem; justify-content: center;padding-bottom: .05rem;}







.left_top {
	width: 100%;
	height: 48%;
	background: url(https://img.gzjimg.com/www/images/baijia/dataBg.png) no-repeat;
	background-size: 100%;
}
	.left_top_title {
		font-size: 16px;
		color: #FFFFFF;
		padding-left: 10%;
		padding-top: 6%;
	}
	.left_top_main {
		width: 86%;
		margin: auto;
		margin-top: 0.2rem;
	}
		.left_main_circle {
			float: left;
			width: 1.1rem;
			height: 1.1rem;
			background: url(https://img.gzjimg.com/www/images/baijia/cicleBg.png) no-repeat;
			background-size: 100%; 
			
			text-align: center;
		}
			.left_main_circle p {
				
				margin-top: 21%;
				margin-bottom: 3%;
				color: #4ADEFE;
			}
			.left_main_circle span {
				font-size: .2rem;
				color: #fef000;
			}
			.left_main_circle:nth-of-type(1) {
				margin-left: 0.5rem;
			}
		.left_main_circle:nth-of-type(2) {
			margin-left: 0.3rem;
		}
		.left_main_circle:nth-of-type(3) {
			margin-left: 0.3rem;
		}
.left_bottom {
	width: 100%;
	height: 48%;
	background: url(https://img.gzjimg.com/www/images/baijia/dataBg.png) no-repeat;
	background-size: 100%;
	margin-top: 7%;
}
	.left_bottom_main {
		/* background: white; */
	}

	.search{ position:absolute; left:.15rem; top:0; line-height: .75rem;padding-left: .1rem;}
	.searchIcon{
		width: .2rem;
		height: .2rem;
		margin-top: -3px;
		background: url(https://img.gzjimg.com/www/images/baijia/search2.png) no-repeat;
		background-size: 100%;
		border: none !important;
		vertical-align: middle;
	}

	#searchForm {
		position: absolute;
		top: 50px;
		left: 10px;
		background: #007BFF;
		border: 1px solid #ccc;
		padding: 20px;
		border-radius: 8px;
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
		z-index: 1000;
		width: 300px;
	  }
	
	  #searchForm input {
		width: calc(100% - 22px);
		padding: 10px;
		margin-bottom: 10px;
		border: none;
		border-radius: 4px;
	  }
	
	  #searchForm button {
		width: 100%;
		padding: 10px;
		background: #007BFF;
		border: none;
		color: #fff;
		border-radius: 4px;
		cursor: pointer;
		transition: background 0.3s ease;
	  }
	
	  #searchForm button:hover {
		background: #0056b3;
	  }

	@media (min-width: 768px) {
			.modal-dialog {
				width: 520px;
				margin: 30px auto;
				margin-top: 2.5rem
			}
			#div1{height: calc(20% - .15rem)}
	}

	.modal-title{width: 90%;float: left;font-weight: bold;font-size: .24rem;    color: #ffffff;letter-spacing: 2px;}

	.modal-title font{ color: #ffffff;}

	.close{
		opacity: 0.8;
		font-size: 28px;
		font-weight: bold;
	}
	.form-control{width: 90%;margin: 0px auto;border-color: #BFD6ED;margin-left: 5%;font-size: .18rem;}
	.form-control:focus{border-color: #67A0DE;}
	.required-star {
		color: red;
		margin-left: 5px;
		font-size: 18px; /* 调整星号的字体大小 */
		line-height: 34px; /* 保持星号的行高与字体大小一致 */
	}
	.modal-body{height: 80px;margin-top: 20px;}
	.btn-primary {
		background-color: #0379F5;
		border-color: #0379F5;
		outline: none;
	}
	.modal-footer .btn:focus {
		outline: none;
		border: none;
	}
	.btn-primary:hover {
		background-color: #0379F5;
		border-color: #0379F5;
	}
	.modal-footer button{font-size: .16rem;}
	.modal-content{
		/* background: url(../../images/iplog/bjcx_bg.png) no-repeat; */
		background-size: 100%;
	}
	/* .modal-dialog{background: url(../../images/iplog/bjcx_bg.png) no-repeat;} */
	.modal-footer{border: none;}
	.pulll_left {
		color: #399bff;
	}
	.now {
		color: #ffeb7b;
	}
	.tit {
		padding: 10px 10px 10px 25px;
		border-bottom: 1px solid rgba(7, 118, 181, .7);
		font-size: 16px;
		font-weight: 500;
		position: relative;
	}
	.alltitle:before, .tit01:before {
		position: absolute;
		content: "";
		width: 6px;
		height: 6px;
		background: rgba(22, 214, 255, .9);
		box-shadow: 0 0 5px rgba(22, 214, 255, .9);
		border-radius: 10px;
		left: 0.1rem;
		top: 0.14rem;
	}
	.alltitle:after, .box:before {
		width: 100%;
		height: 1px;
		content: "";
		position: absolute;
		left: 0;
		bottom: -1px;
		background: linear-gradient(to right, #076ead, #4ba6e0, #076ead);
		box-shadow: 0 0 5px rgba(131, 189, 227, 1);
		opacity: .6;
	}
	.left_main_circle span {
		color: #ffd237;
		
		font-size: 0.24rem;
		font-family: font01;
	}
	.left_main_circle p {
		font-size: 0.28rem;
    	color: #00fcff;
    	font-family: font01;
		/* color: #4ADEFE; */
	}

	/* Chrome, Safari, Edge, Opera */
	input[type=number]::-webkit-outer-spin-button,
	input[type=number]::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}

	/* Firefox */
	input[type=number] {
		-moz-appearance: textfield;
	}

	/* Microsoft Edge (EdgeHTML) */
	input[type=number]::-ms-clear,
	input[type=number]::-ms-reveal {
		display: none;
	}

	.btn_list span{
		color: rgb(155, 217, 255);
		font-size: 0.18rem;
		/* font-family: font01; */
	}



	.btn_list {
		margin-top: 15px;
		position: relative;
		float: left;
		width: 1.1rem;
		height: 0.35rem;
		text-align: center;
		line-height: 0.35rem;
		font-size: 0.18rem;
		color: rgb(155, 217, 255);
		letter-spacing: 1px;
		cursor: pointer;
		margin-left: 10px;
		font-family: 幼圆;
	}
	.listActive:before {
		border-color: #0efcff;
		box-shadow: 1px 1px 3px 1px #0efcff inset;
	}
	.btn_list:before {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		border: 1px solid #076ead;
		transform: skewX(-38deg);
		box-shadow: 1px 1px 3px 1px #076ead inset;
	}
	.btn_list:hover::before {
		border-color: #059BF5;
		box-shadow  : 1px 1px 3px 1px #059BF5 inset;
	}

	.wrap td {
		line-height: .32rem;
		height: .32rem;
		text-indent: .05rem;
	}
	.wrap table {
		width: 100%;
	}
	.wrap td p {
		display: flex;
		align-items: center;
		height: 92%;
	}
	.wrap td p {
		display: flex;
		justify-content: space-between;
	}
	.wrap td p {
		border: 1px solid rgba(25, 186, 139, .17);
	}
	.wrap td p span{color:#fff;  text-align: right; text-overflow: ellipsis; white-space:nowrap; overflow: hidden; width: 20%; font-size: .17rem;opacity: 0.8;}
.wrap td p span:first-child{width: 80%; text-align: left;}

#top10 {
    width: 100%;
    border-collapse: collapse;
}

#top10 th, #top10 td {
    padding: .01rem;
}

.pageination {
	display: block; /* or flex */
	justify-content: center;
	width: 100%;
	height: 0.2rem;
}
#pagination2 {
	text-align: right;
}
.pageination a,.pageination span {
    border: 1px solid #fff;
    padding: 0px 5px;
    font-size: .15rem;
    color: #fff;
    opacity: 0.6;
	margin-left: 2px;
	vertical-align: middle;
	text-align: center;
}

.pageination a.active{
	border: 1px solid #0efcff;
	color: #0efcff;
}
.pageination a:hover {
    border: 1px solid #037171;
	color: #037171;
}
.alltitle font{color: #fff;}
.modal-body table{
	width: 100%;
	/* border: 1px dashed #555; */
	text-align: center;

}
.modal-body table th{
	color: #61d2f7;
	font-weight: bold;
	font-size: 0.17rem;
	padding: 2px ;
	text-align: center;
	/* border: 1px dashed #555; */
}
.modal-body table td{
	color: #ffffff;
	font-size: 0.17rem;
	padding: 2px ;
	text-align: center;
	/* border: 1px dashed #555; */
}
.modal-body table td a{
	color: #ffffff;
}




.modal-dialog{width: 36%;}
#UserModalMeeting{
	color: #059BF5;
	padding-bottom: 10px;
	text-align: center;
	width: 100%;
	font-size: .2rem;
	font-weight: 550;
}
.modal-header {
    padding: 0.15rem 0.1rem 0.1rem 0.1rem;
	border-bottom: 1px solid #4358CE;
}
.memberp{color: red;font-size: .18rem;	margin-bottom: 0.4rem;text-align: center;}
.modal-body{padding: 0px 15px;}
.meetingMessage p{color: #059BF5;font-size: 0.18rem;font-weight: 550}
.meetingMessage{padding: 10px 0px;}

.modal-content2{
    width: 8rem;
	background: url(../../images/iplog/bjcx_bg.png) no-repeat;
	background-size: 100% 100%;
    display: inline-block;
    float: left;
    position: relative;
}
.modal-content{
    width: 7rem;
    display: inline-block;
	background: url(https://img.gzjimg.com/www/images/baijia/bjcx_bg2.png) no-repeat;
    background-size: 100% 100%;
    float: left;
    position: relative;
	color: #ffffff;
}
#usertable tbody tr:nth-child(even),#usertable thead tr{
    width: 98%;
    background-color: #2B3AA8;
    box-shadow: -10px 0px 15px #2C58A6 inset, 10px 0px 15px #2C58A6 inset;
}
#usertable tr {
    height: 0.4rem;
}
/* #contentDiv {
	background: url(../../images/iplog/bjcx_bg2.png) no-repeat;
    background-size: 100% 100%;
} */
.modal-header {
    width:100%;
    background: url(../../images/iplog/kuang3.png) no-repeat center center;
    background-size: cover;
    text-align: center;
}
#map_baidu{width: 100%;height:calc(100% - 0.9rem);margin-top:0.6rem;display: none;}
.BMap_bubble_title{font-size: 0.2rem;
    margin: 6px 0;
    padding: 0.2em 0;
    border-bottom: 1px solid #eeeeee;
    font-weight: 600;

}
.BMap_bubble_content{font-size: 0.17rem;}
.BMap_pop{width: 320px;height: 200px;}

.circle_div{width: 33%;height: 1.2rem;float: left;}


/* 滚动条 */
::-webkit-scrollbar {
	width: 0.17rem;
	height: 0.4rem;
	background-color:rgba(13, 42, 121, 0.3);;
	border-radius: .4rem;
}
  ::-webkit-scrollbar-track {background-color:rgba(13, 42, 121, 0.3);}
::-webkit-scrollbar-thumb {
	background-color: #274cb1;
	border-radius: .4rem;
	width: .17rem;
	height: 0.4rem;
}

::-webkit-scrollbar-thumb:hover {
	border-radius: .2rem;
	background-color: #274cb1;
	width: .17rem;
	height: 0.4rem;
}

::-webkit-scrollbar-thumb:active {
	border: 0;
	border-radius: .2rem;
	background-color: #274cb1;
	width: .18rem;
	height: 0.4rem;
}

::-webkit-scrollbar-thumb:window-inactive {
	background-color: #274cb1;
	border-radius: .2rem;
	width: .18rem;
	height: 0.4rem;
}
/* #top10{overflow-y: auto;  scroll-behavior: smooth; will-change: transform;}  */