@charset "utf-8";
/* CSS Document */
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box}
*,body{padding:0px;	margin:0px;color: #222;font-family: "微软雅黑";}
@font-face{font-family:electronicFont;src:url(../font/DS-DIGIT.TTF)}
body{ background:#000d4a url(../images/img3/bg2.jpg) center top; background-size:cover;color:#666;font-size: .1rem;}
li{ list-style-type:none;}
table{}
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}


.clearfix:after, .clearfix:before {
	display: table;
	content: " "
}
 .clearfix:after {
	clear: both
}
.pulll_left{float:left;}
.pulll_right{float:right;}
/*谷哥滚动条样式*/

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

/***/
.canvas{position: absolute; width:100%; left: 0; top: 0; height: 99%; z-index: 1;}

.allnav{height: calc(100% - 30px);}
.loading{position:fixed; left:0; top:0; font-size:18px; z-index:100000000;width:100%; height:100%; background:#1a1a1c; text-align:center;}
.loadbox{position:absolute; width:160px;height:150px; color: #aaa; left:50%; top:50%; margin-top:-100px; margin-left:-75px;}
.loadbox img{ margin:10px auto; display:block; width:40px;}

.copyright{ background:rgba(19,31,64,.32); border: 1px solid rgba(255,255,255,.05); line-height:.5rem; text-align: center; padding-right: 15px; bottom: 0; color:rgba(255,255,255,.7); font-size: .16rem; }

.head{ height:1.05rem; background: url(../images/img/head_bg.png) no-repeat center center; background-size: 100% 100%; position: relative; z-index: 100;}
.head h1{ color:#fff; text-align: center; font-size: .3rem; line-height:.8rem;}
.head h1 img{ width:1.5rem; display: inline-block; vertical-align: middle; margin-right: .2rem}
.weather{ position:absolute; right:.3rem; top:0; line-height: .75rem;}
.weather img{ width:.37rem; display: inline-block; vertical-align: middle;}
.weather span{color:rgba(255,255,255,.7); font-size: .18rem; padding-right: .1rem;}
.mainbox{ padding:.1rem .1rem 0rem .1rem;}
.mainbox>ul{}
.mainbox>ul>li{ float: left; padding: 0 .1rem}

.mainbox>ul>li{ width: 30%}
.mainbox>ul>li:nth-child(2){ width: 40%;padding: 0}


.horizontal-list {
	margin-top: 0.5rem;
	display: flex;
	list-style: none;
	padding: 0;
	justify-content: space-between;
}
.horizontal-list .list-item {
	/*margin-right: 20px;*/
	width: 1.6rem;
	height: 1.0rem;
	background: url(../images/img/top01.png) no-repeat center center; background-size: 100% 100%; position: relative;
}
 .alltitle{
	 height: 0.8rem;
	 line-height: 0.4rem;
	 text-align: center;
	color: #fff;
	padding: 0.2rem 0.2rem;
	 font-size: .28rem;
	 font-weight: bold;
	 background: url(../images/img3/hyxh_left.png) no-repeat center center; background-size: 100% 100%; position: relative;

}
.mtitle {
	margin-top: 0.2rem;
	height: 0.6rem;
	line-height: 0.4rem;
	text-align: center;
	color: #fff;
	padding: 0.1rem;
	font-size: .20rem;
	font-width: bold;
	background: url(../images/img3/left2.png) no-repeat center center; background-size: 100% 100%; position: relative;

}
.mtitle p{
	color: white;
	font-weight: bold;
	font-size: 0.18rem;
}

.horizontal-list .list-item  .image {
	width: 100%;
	height: 100%;
	border-radius: 10px;
}

.horizontal-list .list-item  .title {
	text-align: center;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	opacity: .7;
}
.top-bottom-module{
	display: flex;
	align-content: center;
	align-items: center;
	padding-top: 0.2rem;
}
.top-bottom-module .left-module{
	width: 100%;
	height: 2.4rem;
	display: flex;
	justify-content: center;
	align-items: center;

}
.top-bottom-module .left-module .shuzi{
	margin-top: 0.2rem;
	width: 3.4rem;
	height: 1.6rem;
	background: url(../images/img3/left3.png) no-repeat center center; background-size: 100% 100%; position: relative;
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

}
.top-bottom-module .left-module p{
	font-size: .16rem;
	color: #fff;
	line-height: .2rem;
	text-align: center;

}
.top-bottom-module .left-module .num{
	font-size: .28rem;
	color: #faf8f4;
	line-height: .28rem;
	font-weight: bold;
	text-align: center;
	padding-bottom: 1.2rem;
}
.top_line_b{
	height: 0.6rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

}
.top_line_b img{
	width: 1.0rem;
	height: 1.0rem;
}

.boxall{
	padding:0 .24rem .4rem .15rem;
}
/*.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:.2rem; color:#fff; text-align: center; line-height: .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;}*/
.sycm{
	width: 100%;
	z-index: 699;
}
.sycm ul{ margin-left:-.5rem;margin-right:-.5rem;  padding: .16rem 0;
}
.sycm li{ float: left; width: 33.33%; text-align: center; position: relative;
	height: 1.2rem;
	z-index: 699;
}
.sycm li:before{ position:absolute; content: ""; height:30%; width: 1px; background: rgba(255,255,255,.1); right: 0; top: 15%;}
.sycm li:last-child:before{ width: 0;}

.sycm li h2{ font-size:.18rem; color: #FFB401;}
.sycm li span{ font-size:.12rem; color: #fff; opacity: .8;}

/*第二个模块*/
.sec-content {
	display: flex;
	justify-content: space-between;
}

.sec-content .left-image {
	width: 2.0rem;
	height: 2.0rem;
	background: url(../images/img/sec01.png) no-repeat center center; background-size: 100% 100%; position: relative;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	display: flex;
	flex-direction: column;
}
.sec-content .left-image .num{
	font-size: 0.28rem;
	color: #A2D4FF;
}
.sec-content .left-image .zhanbi{
	font-size: 0.08rem;
	color: #A2D4FF;
}

.sec-content .right-list {
	width: 3.8rem;
	padding: 20px;
}

.sec-content .list1 {
	margin-bottom: 10px;
	font-size: 0.16rem;
	color: #A2D4FF;
	line-height: 0.20rem;
}
/*第二部分end*/

/*右侧第一个模块*/
.boxall-ritht{ border: 1px solid rgba(25,186,139,.17);
	padding:0 .2rem .4rem .15rem;
	background: rgba(255,255,255,.04) url(../images/img/right-01.png);
	background-size: 100% auto; position: relative; margin-bottom: .15rem; z-index: 10;}
.allnav1{
	/*height: calc(100% - 30px);*/

}
.righttop-list{
	/*grid-column: 1 / 2;*/
	/*grid-row: 1 / 2;*/
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding-top: 0.1rem;
}
.righttop-list .list-item1 {

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	list-style: none;
	width: 33%;
	height: 1.2rem;
	padding:  0 0.1rem;
}
.righttop-list .list-item1  .shuzi_img {
	width: 1.0rem;
	height: 1.0rem;
	border-radius: 10px;
	z-index: 10;
}

.righttop-list .list-item1  .title {
	text-align: center;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	opacity: .7;
   z-index: 100;
	font-size: 0.18rem;
	line-height: .2rem;

}
.dm-bottom{
	position: absolute;
	bottom: 1.2rem;
	right: 0;
	display: flex;
	justify-content: space-around;
	height: calc(100% - 7.6rem);
	width: 6.2rem;
	color: #fff;
	z-index: 999;

}
.dm-bottom .top_item{
	display: flex;
	justify-content: space-around;
	height: 3.8rem;
	width: 100%;
	color: #fff;
	background: url(../images/img3/right_ceter.png) no-repeat center center; background-size: 100% 100%; position: relative;
}
.dm-bottom .top_item .items{
	display: flex;
	justify-content: right;
	width: 33%;
	height: 0.8rem;
	padding-top: 0.24rem;

}
.dm-bottom .top_item .bg1{
	background: url(../images/img3/right_b1.png) no-repeat center center; background-size: 100% 100%; position: relative;
}
.dm-bottom .top_item .bg2{
	background: url(../images/img3/right_b2.png) no-repeat center center; background-size: 100% 100%; position: relative;
}
.dm-bottom .top_item .bg3{
	background: url(../images/img3/right_b3.png) no-repeat center center; background-size: 100% 100%; position: relative;
}


.dm-bottom .top_item .items span{
	color: #d5e1f2;
	font-size: .18rem;
	padding-right: 0.2rem;
}

/*右侧第三个模块*/
.wrap2{  overflow: hidden;}
.wrap2 li{  line-height:.24rem; height:.24rem; text-indent: .24rem; margin-bottom: .1rem; }
.wrap2 li p{display: flex; justify-content: space-between;}
.wrap2 li p{display: flex; align-items: center; height: 80%;}
.wrap2 li:first-child p span{color: rgba(255,255,255,.6);  text-align: center; text-overflow: ellipsis;
	white-space:nowrap; overflow: hidden; width:20%; font-size: .16rem;}
.wrap2 li p span:first-child{color: rgba(255,255,255,.6);  text-align: center; text-overflow: ellipsis;
	white-space:nowrap; overflow: hidden; width: 40%; font-size: .16rem;}
.wrap2 li p span{color: rgba(255,255,255,.6);  text-align: center; text-overflow: ellipsis;
	white-space:nowrap; overflow: hidden; width: 15%; font-size: .14rem;}
.wrap2 li p span:first-child{width: 40%; text-align: left;}
.wrap2 ul {
	padding: .1rem 0;
	width: 100%;
}
.btbox{ height: 100%}
.btbox li{height:100%; float: left;width: 25%; padding-left:5%;}

/*文章部分模块*/
.article{

}
.article .article-title{
	font-size: 0.18rem;
	padding: 0.1rem 0;
	color: #ADD7FF;
}
.article .article-title img{
	width: 0.18rem;
	height: 0.18rem;
	margin-right: 0.1rem;
}
.article .article-content p a{
	line-height: 0.24rem;
	font-size: 0.16rem;
	line-height: 0.28rem;
	color: #fff;
	opacity: 0.8;
}



.barbox li,.barbox2 li{ width:50%; text-align: center; position: relative; z-index: 100;}
.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:first-child:before{ position:absolute; content: ""; height:50%; width: 1px; background: rgba(255,255,255,.2); right: 0; top: 25%;}

.barbox{  border: 1px solid rgba(25,186,139,.17); position: relative;}
.barbox li{ font-size: .7rem; color: #ffeb7b; padding: .05rem 0;  font-family:electronicFont; font-weight: bold;}
.barbox2 li{ font-size: .19rem; color:rgba(255,255,255,.7); padding-top: .1rem;}

.map{  position:relative; height: 7.2rem; z-index: 9;}
.map4{ width: 100%; height:7rem;  position: relative; left: 5%; top: 4%; margin-top: .2rem; z-index: 5;}
.map1,.map2,.map3{ position:absolute; opacity: .5}
.map1{ width:6.43rem; z-index: 2;top:.45rem; left: .7rem;  animation: myfirst2 15s infinite linear;}
.map2{ width:5.66rem; top:.85rem; left:1.2rem; z-index: 3; opacity: 0.2; animation: myfirst 10s infinite linear;}
.map3{ width:5.18rem; top:1.07rem; left: 1.4rem; z-index: 1;}





.tabs { text-align: center; padding: .1rem 0 0 0;}
.tabs a {
    position: relative;
    display: inline-block;
    margin-left: 1px;
    padding:.05rem .2rem;
    color: #898989;
    transition: all .3s ease-out 0s;
    font-size: 14px;
}
.tabs li{ display:inline-block;}
.tabs a:after {
    position: absolute;
    width: 1px;
    height: 10px;
    background-color: rgba(255,255,255,.1);
    content: '';
	 margin-left:0; right:-1px;    margin-top: 7px;
	
	
}

.tabs li a.active {border: 1px solid rgba(25,186,139,.17); background: rgba(255,255,255,.05); color:#fff;}

.tit02{ text-align:center; margin: .1rem 0; position: relative}
.tit02 span{border: 1px solid rgba(25,186,139,.17); letter-spacing: 2px; padding: .01rem .2rem; background: rgba(255,255,255,.05);  font-size: .18rem;  color: #49bcf7;}
.tit02:before,.tit02:after{ position:absolute; width:26%; height: 1px;background: rgba(25,186,139,.2);  content: ""; top: .12rem;}
.tit02:after{ right:0;}
.tit02:before{ left:0;}

.wrap{ height:2.54rem; overflow: hidden;}
.wrap li{  line-height:.42rem; height:.42rem; font-size: .18rem; text-indent: .24rem; margin-bottom: .1rem; }
.wrap li p{
	border: 1px solid rgba(25,186,139,.17);
	color: rgba(255,255,255,.6); }
.sy{ float:left; width: 50%; height:95%; margin-top: .25rem;}


.adduser{ height:1.5rem; overflow: hidden;}
.adduser li{height:.5rem;}
.adduser img{ width: .40rem; border-radius: .5rem; margin-right: .1rem; display: inline-block; vertical-align: middle;}
.adduser span{  line-height:.5rem; font-size: .18rem;color: rgba(255,255,255,.6); }



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

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

/*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;	
}


.bs {
    box-shadow: 0px 0px 10px #165fac inset;
    border-radius: 5px;
    position: relative;
    height: 100%;
}
.o_tit {
    background: url(../images/one.png) no-repeat center;
    position: absolute;
    left: 0;
    right:0;
    top: -18px;
    margin:0 auto;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #00D2FF;
    font-size: 18px;
    width: 256px;
}
.o_tit.o_tit1{
	background: url(../images/two.png) no-repeat center;
	
}
/*弹窗内容*/
.alertbound{
	width: 100%;
	height: 100%;
	background: rgba(11,14,23,0.7);
	z-index: 999999;
	position: fixed;
	left: 0;
	top: 0;
	display:none;
}
.alertChart1 {
	width: 1090px;
	height: 560px;
}

.alertChart {
	padding: 10px;
	position: fixed;
	top: 20px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 90;
	display: none;
	background: rgba(35,68,136,0.92);
	border-radius: 5px;
	border: none;
}
.line_a {
	width: 21px;
	height: 21px;
	background-position: -358px -1px;
	position: absolute;
	left: -6px;
	top: -6px;
}
.line_b {
	width: 21px;
	height: 21px;
	background-position: -381px -1px;
	position: absolute;
	left: -6px;
	bottom: -6px;
}
.line_c {
	width: 21px;
	height: 21px;
	background-position: -427px -1px;
	position: absolute;
	right: -6px;
	top: -6px;
}
.line_d {
	width: 21px;
	height: 21px;
	background-position: -404px -1px;
	position: absolute;
	right: -6px;
	bottom: -6px;
}
.alertChartTit {
	text-align: left;
	color: #00D2FF;
	font-size: 18px;
	margin-top: 25px;
	margin-bottom: 20px;
}
.alert_t {
	height: 80px;
	width: 98%;
	margin-top: 35px;
	border-radius: 5px;
	background: #193675;
}
.alert_b {
	height: calc(100% - 130px);
}
.alert_close {
	display: inline-block;
	width: 25px;
	height: 25px;
	float: right;
	background-position: -644px -41px;
	position: absolute;
	top: 15px;
	right: 30px;
	cursor: pointer !important;
}
.com_icon {
	background: url(../images/icon.png?version=1.0.1) no-repeat;
	display: inline-block;
	vertical-align: middle;
}

/*中间数字部分*/
.bar{
	/*background:rgba(101,132,226,.1); */
	padding: .15rem;
   display: flex;
	justify-content: center;
}
.bar .lefttitle{
	/*width: 231px;*/
	width: 3.8rem;
	height: 52px;
	position:absolute;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	left:-1.4rem;
	right:0;
	margin:0 auto;
	top:20%;
	fz-size: 0.3rem;
	color: #FFFFFF;
	background: url(../images/img3/ceter2.png) no-repeat center center; background-size: 100% 100%; position: relative;
}

.dx_nums{
	width:610px;
	height:52px;
	line-height:62px;
	font-family: dinregular;
	text-align:center;
	font-size:36px;
	font-weight:bold;
	position:absolute;
	left:3.6rem;
	right:0;
	margin:0 auto;
}
.dx_nums .mt-number-animate {
	font-size: 36px;
	line-height:52px;
	height:52px;
	font-family: "dinregular";
	margin-top:0;
}
.dx_nums .mt-number-animate-dom{
	margin-right:16px;
	width: 42px;
}
.dx_nums .mt-number-animate-dom:last-child{
	margin-right:0px;
}
.dx_nums .mt-number-animate-span {
	height: 62px;
	background: url(../images/img/num_icon.png) no-repeat center center;
	font-weight:bold;
	color: #FFFFFF;
}
.dx_nums.act .mt-number-animate-span{
	background: url(../images/img/num_icon2.png) no-repeat center center;
	color: #FFFFFF;
}
.dx_nums .mt-number-animate .mt-number-animate-dot {
	line-height: 62px;
	margin-right: 12px;
	margin-left: -10px;
}

/**/
.intro{
	height: 0.4rem;
	width: 100%;
	border-radius: 5px;
	border: none;
}
.intro p{
	color: #FFFFFF;
	font-size: 0.14rem;
	opacity: 0.8;
}

.alertbound3 .tc_tip{
	padding: 0.2rem;
}

.alertbound3 .tc_tip .title001{
	padding: 0.1rem 0;
	font-size: 0.24rem;
	color: #FFFFFF;
	border-bottom: 1px solid #d5e1f2;
}
.alertbound3 .tc_tip .cont{
	padding: 0.1rem 0;
}
.alertbound3 .tc_tip p{
	line-height: 0.34rem;
	font-size: 0.16rem;
	color: #FFFFFF;
}

.bottome-right2{
	position: absolute;
	right: 0.4rem;
	top: 0.6rem;
}
.bottome-right2 ul li{
	line-height: 0.34rem;
}
.bottome-right2 ul li p span{
	color: #FFFFFF;
}

   .container {
	   display: flex;
	   gap: 20px;
	   max-width: 100%;
	   margin: 0 auto;
	   position: relative;
	   padding: 0;
   }

.dangmodel .left-panel {
	padding-top: 0.1rem;
	flex: 1;
	border-radius: 8px;
	padding: 10px;
}

.dangmodel .right-panel {
	flex: 2;
	border-radius: 8px;
	padding: 20px;
}
.dangmodel .right-panel h2 {
	color: #fff;
	font-size: 0.36rem;
	margin-top: -36px;
	margin-bottom: 20px;
}

.dangmodel .list-item {
	font-size: 0.18rem;
	display: flex;
	align-items: center;
	padding: 10px;
	margin: 5px 0;
	cursor: pointer;
	border-radius: 4px;
	width: 95%;
	transition: background-color 0.3s;
}
.dangmodel .list-item span {
	color: #fff;
}

.dangmodel .list-item:hover {
	background: rgba(0, 149, 255, 0.1);
}
.dangmodel .list-item.cur{
	background: rgba(0, 149, 255, 0.2);
}

.dangmodel .list-item.active {
	background: rgba(0, 149, 255, 0.2);
}

.dangmodel .number {
	width: 24px;
	height: 24px;
	background: #0095FF;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	font-size: 14px;
}

.dangmodel .info-row {
	display: flex;
	justify-content: space-between;
	padding: 12px 0;
	border-bottom: 1px solid rgba(0, 149, 255, 0.1);
}

.dangmodel .info-label {
	color: #89A3C6;
}

.dangmodel .info-value {
	color: #0095FF;
}

.close-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	background: none;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 20px;
}

.modal {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 1000;
}
.modal.show {
	display: block;
}

.modal-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	max-width: 1200px;
	height: 80%;
	background: linear-gradient(180deg, #001133 0%, #000B24 100%);
	border: 1px solid #0095FF;
	border-radius: 8px;
	padding: 20px;
	animation: modalOpen 0.3s ease-out;
	display: flex;
	flex-direction: column;
}

@keyframes modalOpen {
	from {
		opacity: 0;
		transform: translate(-50%, -60%);
	}
	to {
		opacity: 1;
		transform: translate(-50%, -50%);
	}
}

.dangmodel .modal-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(0, 149, 255, 0.3);
}

.dangmodel .modal-title {
	color: #0095FF;
	font-size: 20px;
	font-weight: bold;
}

.dangmodel .close-btn {
	background: none;
	border: none;
	color: #0095FF;
	font-size: 24px;
	cursor: pointer;
	padding: 5px;
}

.dangmodel .modal-body {
	display: flex;
	flex: 1;
	overflow: hidden;
}

.dangmodel .icon-nav {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	margin-bottom: 20px;
}

.dangmodel .icon-item {
	background: rgba(0, 20, 60, 0.3);
	border: 1px solid rgba(0, 149, 255, 0.2);
	border-radius: 4px;
	padding: 15px;
	text-align: center;
	cursor: pointer;
	transition: all 0.3s;
}
.dangmodel .icon-item span {
	color: #d5e1f2;
}

.dangmodel .icon-item:hover {
	background: rgba(0, 149, 255, 0.2);
}

.dangmodel  .icon-circle {
	color: white;
	width: 40px;
	height: 40px;
	background: rgba(0, 149, 255, 0.1);
	border: 1px solid rgba(0, 149, 255, 0.3);
	border-radius: 50%;
	margin: 0 auto 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.dangmodel .list-container {
	flex: 1;
	overflow-y: auto;
	height: 100%;
}

.right-panel {
	width: 70%;
	padding-left: 20px;
	border-left: 1px solid rgba(0, 149, 255, 0.3);
	display: flex;
	flex-direction: column;
	overflow-y: auto;
}

.content-header {
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
	padding: 15px;
	background: rgba(0, 20, 60, 0.3);
	border: 1px solid rgba(0, 149, 255, 0.2);
	border-radius: 4px;
}

.content-image {
	width: 300px;
	height: 200px;
	object-fit: cover;
	border-radius: 4px;
}

.content-description {
	flex: 1;
	color: #89A3C6;
	line-height: 1.6;
}

.info-section {
	background: rgba(0, 20, 60, 0.3);
	border: 1px solid rgba(0, 149, 255, 0.2);
	border-radius: 4px;
	padding: 15px;
}

.trigger-btn {
	background: linear-gradient(180deg, #0066CC 0%, #003366 100%);
	border: 1px solid #0095FF;
	color: white;
	padding: 10px 20px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 16px;
}

.info-box {
	display: flex;
	justify-content: space-between;
	border: 1px solid rgba(255, 192, 203, 0.2);
}
.info-box  .right-box{
	background: rgba(255, 192, 203, 0.1);

	border-radius: 4px;
	padding: 15px;
	line-height: 1.6;
	color: #fff;
	width: 100%;
	font-size: 14px;
}
.info-box .leftitem{
	display:flex;
	justify-content: center;
	align-items: center;
	width: 20%;
	min-height: 120px;
	border-radius: 10px;
}

.info-box .leftitem img{
	border-radius: 10px;
	width: 100%;
	height: 100%;
}

.org-structure {
	background: rgba(0, 20, 60, 0.3);
	border: 1px solid rgba(0, 149, 255, 0.2);
	border-radius: 4px;
	padding: 15px;
	height: 300px;
	position: relative;
	padding-top: 40px;
	margin-top: 20px;
}

.org-structure::before {
	content: "组织架构";
	position: absolute;
	top: 10px;
	left: 10px;
	color: #0095FF;
}

.stats-container {
	margin-top: 20px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 15px;
}

.stat-box {
	background: rgba(0, 20, 60, 0.3);
	border: 1px solid rgba(0, 149, 255, 0.2);
	border-radius: 4px;
	padding: 15px;
	text-align: center;
}

.stat-value {
	font-size: 24px;
	color: #0095FF;
	margin-bottom: 5px;
}

.stat-label {
	color: #89A3C6;
	font-size: 14px;
}

.structure-diagram {
	width: 100%;
	height: 100%;
	/*background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3C/svg%3E") center/contain no-repeat;*/
	position: relative;
}
.structure-diagram img{
	width: 100%;
	height: 100%;
}

.structure-line {
	position: absolute;
	background: rgba(0, 149, 255, 0.3);
}

.data-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 8px;
}

.data-table th {
	color: #89A3C6;
	font-weight: normal;
	text-align: left;
	padding: 10px;
	border-bottom: 1px solid rgba(0, 149, 255, 0.3);
}

.data-table td {
	color: #ffffff;
	padding: 15px 10px;
	background: rgba(0, 20, 60, 0.3);
}

.data-table tr td:first-child {
	border-radius: 4px 0 0 4px;
	width: 60px;
	text-align: center;
	background: rgba(0, 149, 255, 0.2);
}

.data-table tr td:last-child {
	border-radius: 0 4px 4px 0;
}

.highlight {
	color: #0095FF;
}

.data-table tr:hover td {
	background: rgba(0, 149, 255, 0.1);
}


/*地图*/
.content-section {
	display: flex;
	gap: 20px;
	margin-bottom: 30px;
}

.district-image {
	width: 240px;
	height: 150px;
	object-fit: cover;
	border-radius: 4px;
	border: 1px solid rgba(0, 149, 255, 0.3);
}

.district-info {
	font-size: 18px;
	text-align: left;
	font-weight: bold;
	flex: 1;
	line-height: 1.6;
	color: #fff;
}

.icon-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	margin-top: 20px;
}

.icon-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.icon-circle {
	width: 100px;
	height: 100px;
	/*background: rgba(0, 149, 255, 0.1);*/
	/*border-radius: 50%;*/
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.icon-circle::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	/*border-radius: 50%;*/
	background: radial-gradient(circle at center, rgba(0, 149, 255, 0.2) 0%, transparent 70%);
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(1);
		opacity: 0.8;
	}
	50% {
		transform: scale(1.2);
		opacity: 0.4;
	}
	100% {
		transform: scale(1);
		opacity: 0.8;
	}
}

.icon-circle img {
	width: 100px;
	height: 100px;
	/*filter: invert(1);*/
}

.icon-label {
	color: #89A3C6;
	font-size: 14px;
}

/*地图弹窗2*/
.ditutc2 .modal-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(0, 149, 255, 0.3);
}

.ditutc2 .modal-title {
	color: #0095FF;
	font-size: 20px;
	font-weight: bold;
}

.ditutc2 .close-btn {
	background: none;
	border: none;
	color: #0095FF;
	font-size: 24px;
	cursor: pointer;
	padding: 5px;
}

.ditutc2 .modal-body {
	display: flex;
	gap: 20px;
	flex: 1;
	overflow: hidden;
}

.ditutc2 .left-panel {
	width: 300px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.ditutc2 .icon-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}

.ditutc2 .icon-item {
	background: rgba(0, 20, 60, 0.3);
	border: 1px solid rgba(0, 149, 255, 0.2);
	border-radius: 4px;
	padding: 5px;
	text-align: center;
	cursor: pointer;
	transition: all 0.3s;
}

.ditutc2 .icon-item:hover {
	background: rgba(0, 149, 255, 0.2);
}

.ditutc2 .icon-item.active {
	background: rgba(0, 149, 255, 0.3);
	border-color: rgba(0, 149, 255, 0.5);
}

.ditutc2 .icon-circle {
	width: 80px;
	height: 80px;
	/*background: rgba(0, 149, 255, 0.1);*/
	/*border: 1px solid rgba(0, 149, 255, 0.3);*/
	/*border-radius: 50%;*/
	/*margin: 0 auto 8px;*/
	display: flex;
	align-items: center;
	justify-content: center;
}
.ditutc2 .icon-circle img{
	width: 100%;
	height: 100%;
}
.ditutc2 .icon-grid {

	 margin-top: 5px;
}


.ditutc2 .list-container {
	flex: 1;
	overflow-y: auto;
}

.ditutc2 .list-item {
	display: flex;
	align-items: center;
	padding: 10px;
	margin-bottom: 5px;
	background: rgba(0, 20, 60, 0.3);
	border: 1px solid rgba(0, 149, 255, 0.2);
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.3s;
}

.ditutc2 .list-item .number {
	width: 24px;
	height: 24px;
	background: #0095FF;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	font-size: 14px;
}

.ditutc2 .list-item:hover, .list-item.active {
	background: rgba(0, 149, 255, 0.2);
}

.ditutc2 .right-panel {
	flex: 1;
	display: grid;
	grid-template-rows: auto 1fr;
	gap: 20px;
	overflow-y: auto;
}

.ditutc2 .image-section {
	display: flex;
	justify-content: space-between;
	/*background: #0066CC;*/
	border-radius: 4px;
	padding: 20px;
	text-align: center;
}
.ditutc2 .image-section img{
	width: 200px;
	height: 150px;
}
.ditutc2 .image-section .image-title{
	flex: 1;
	color: #e2dcdc;
	font-size: 20px;
	text-align: left;
	padding-left: 10px;
}

.ditutc2 .info-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
}

.ditutc2 .info-item {
	display: flex;
	justify-content: space-between;
	padding: 10px;
	background: rgba(0, 20, 60, 0.3);
	border: 1px solid rgba(0, 149, 255, 0.2);
	border-radius: 4px;
	font-size: 18px;
}

.ditutc2 .info-label {
	color: #89A3C6;
}

.ditutc2 .info-value {
	color: #0095FF;
}
.ditutc2 .icon-item span,.ditutc2 .list-container .list-item span{
	color: white;
	font-size: 18px;
}

/*政策助手*/

.zfzstc  .charts-container {

	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 20px;
	flex: 1;
	overflow-y: auto;
	padding: 10px;

}

.zfzstc .chart-wrapper {
	background: rgba(0, 20, 60, 0.3);
	border: 1px solid rgba(0, 149, 255, 0.2);
	border-radius: 8px;
	padding: 15px;
	height: 100%;
	min-height: 300px;
}