更改样式

nngkxxdp/src/main/resources/static/intelligence/css/intelligence.css

@@ -290,10 +290,10 @@ main {
 
 
 .left_two {
-	height: 361px;
+	height: 297px;
 	overflow-x: hidden;
 	overflow-y: auto;
-	margin: 27px 31px 0 20px;
+	margin: 0 31px 0 20px;
 	cursor: default;
 }
 
@@ -347,7 +347,7 @@ main {
 	font-family: PingFang SC;
 	font-weight: 500;
 	color: #333333;
-	margin: 37px auto 11px;
+	margin: 15px auto 11px;
 	cursor: default;
 }
 
@@ -643,6 +643,13 @@ footer {
 	background: url(../img/m3-icon43.png) center no-repeat;
 }
 
+.cur p .arrow {
+	display: inline-block;
+	width: 16px;
+	height: 10px;
+	background: url(../img/m3-icon45.png) center no-repeat;
+}
+
 .clearfix::after {
 	content: '';
 	position: absolute;
@@ -703,7 +710,7 @@ footer {
 	width: 1200px;
 	padding-left: 38px;
 	left: -20px;
-	bottom: 150px;
+	bottom: 139px;
 	background: url(../images/m3-bg21.png);
 	padding-top: 20px;
 	padding-bottom: 10px;
@@ -712,6 +719,14 @@ footer {
 	background-color: #fff;
 }
 
+.footer-drop:nth-child(4) ul {
+	bottom: 75px;
+}
+
+.footer-drop:nth-child(5) ul {
+	bottom: 75px;
+}
+
 .footer-drop ul li {
 	float: left;
 	width: 196px;

nngkxxdp/src/main/resources/static/intelligence/intelligence.html

@@ -176,7 +176,7 @@
         </div>
     </main>
     <div class="red_left"></div>
-    <img src="img/red_center.png" alt="" class="red_center">
+    <img src="img/red_center1.png" alt="" class="red_center">
     <div class="box_foot">
         <div class="footer-drop">
             <p class="select"><span class="tt">国务院部门网站</span><span class="rt"><i class="arrow cur"><i
@@ -692,9 +692,24 @@
         $(this).addClass("nav_active").siblings().removeClass("nav_active")
     });
 
-    $(".select").click(function () {
-        $(this).siblings(".clearfix").css("display", "block");
-    })
+    $(".select").click(function() {
+		var show =  $(this).siblings(".clearfix").css("display");
+		if (show == "none") {
+			$(this).siblings(".clearfix").css("display","block");
+			$(this).parent().addClass("cur");
+			$(this).parent().siblings().removeClass("cur").find(".clearfix").css("display","none");
+		} else {
+			$(this).siblings(".clearfix").css("display","none");
+			$(this).parent().removeClass("cur");
+		}
+	});
+    		
+	$(document).on("click", function(e){
+		if(!$(e.target).is($(".select")) && !$(e.target).is($(".select")) && $(e.target).parent(".select").length === 0){
+			$(".select").siblings(".clearfix").css("display","none");
+			$(".select").parent().removeClass("cur");
+		}
+	});
 
     // 聊天消息固定在底部
     let msg = document.getElementsByClassName('left_two')[0]