update

src/api/thinkTank/overview.js

+// 智库概览信息
+import request from "@/api/request.js";
+
+// 智库列表
+export function getThinkTankList() {
+  return request({
+    method: 'GET',
+    url: `/api/thinkTankOverview/thinkTanks`,
+
+  })
+}
+
+// 风险信号
+export function getThinkTankRiskSignal() {
+  return request({
+    method: 'GET',
+    url: `/api/thinkTankOverview/riskSignal`,
+
+  })
+}
\ No newline at end of file

src/components/Container/index.vue

@@ -148,7 +148,7 @@ const headerTitleClasses = computed(() => [
 .header-title {
 	font-size: $base-font-size;
 	font-weight: 700;
-	/* color: rgba(10, 87, 166, 1); */
+	/* color: var(--color-main-active); */
 	/* color: var(--base-color); */
 	color: $base-color;
 	line-height: 48px;

src/styles/elui.css

@@ -3,7 +3,7 @@
 }
 
 :root {
-  --el-color-primary: rgba(10, 87, 166, 1);
+  --el-color-primary: rgba(5, 95, 194, 1);
   /* --el-color-success: #1dd1a1;
   --el-border-radius-base: 8px;
   --el-font-size-base: 14px; */

src/styles/main.css

@@ -9,9 +9,9 @@
   --btn-plain-bg-color: rgba(255, 255, 255, 1);
   --btn-plain-text-color: rgba(59, 65, 75, 1);
   /* 选中按钮颜色 */
-  --btn-active-border-color: rgba(10, 87, 166, 1);
+  --btn-active-border-color: var(--color-main-active);
   --btn-active-bg-color: rgba(231, 243, 255, 1);
-  --btn-active-text-color: rgba(10, 87, 166, 1);
+  --btn-active-text-color: var(--color-main-active);
   
 
   /* 标签按钮颜色 */

src/styles/var.scss

 /* 全局 css 变量 */
 
 $primary-color: var(--el-color-primary);
-$base-color: rgba(10, 87, 166, 1);
+$base-color: rgba(5, 95, 194, 1);
 $base-font-size: 16px;
 
 // :root {

src/views/bill/billLayout/index.vue

@@ -415,7 +415,7 @@ onMounted(() => {
 						//   }
 						// }
 						.icon {
-							margin-top: 1px;
+							margin-top: 4px;
 							width: 16px;
 							height: 16px;
 							img {
@@ -426,7 +426,7 @@ onMounted(() => {
 						.name {
 							color: rgba(95, 101, 108, 1);
 							font-family: Microsoft YaHei;
-							font-size: 14px;
+							font-size: 18px;
 							font-weight: 400;
 							line-height: 22px;
 							letter-spacing: 0px;

src/views/bill/deepDig/index.vue

@@ -62,27 +62,27 @@ const handleClickLeftSiderBtn = (item,index) => {
     width: 160px;
     .sider-btn {
       margin-top: 20px;
-      margin-left: 23px;
-      width: 112px;
+      margin-left: 20px;
+      width: 120px;
       height: 32px;
       display: flex;
-      line-height: 32px;
       border-radius: 16px;
       cursor: pointer;
       .btn-text {
-        width: 82px;
+        margin-left: 28px;
+        width: 68px;
         height: 32px;
         line-height: 32px;
         text-align: left;
         box-sizing: border-box;
-        padding-left: 24px;
-        font-size: 14px;
+        font-size: 16px;
+        font-weight: 400;
         font-family: Microsoft YaHei;
         color: rgba(95, 101, 108, 1);
       }
       .btn-icon {
+        margin-top: 9px;
         width: 22px;
-        padding-top: 2px;
       }
     }
     .siderBtnActive {

src/views/bill/index.vue

@@ -278,20 +278,19 @@ onMounted(() => {});
       width: 160px;
       .sider-btn {
         margin-top: 20px;
-        margin-left: 23px;
+        margin-left: 20px;
         width: 120px;
         height: 32px;
         display: flex;
-        line-height: 32px;
         border-radius: 16px;
         cursor: pointer;
         .btn-text {
-          width: 90px;
+          width: 68px;
           height: 32px;
+          margin-left: 28px;
           line-height: 32px;
           text-align: left;
           box-sizing: border-box;
-          padding-left: 24px;
           font-size: 16px;
           font-weight: 400;
           font-family: Microsoft YaHei;
@@ -299,7 +298,7 @@ onMounted(() => {});
         }
         .btn-icon {
           width: 22px;
-          padding-top: 4px;
+          padding-top: 9px;
         }
       }
       .siderBtnActive {

src/views/bill/influence/index.vue

@@ -59,26 +59,25 @@ const handleClickLeftSiderBtn = (item,index) => {
     .sider-btn {
       margin-top: 20px;
       margin-left: 10px;
-      width: 140px;
+      width: 136px;
       height: 32px;
       display: flex;
-      line-height: 32px;
       border-radius: 16px;
       cursor: pointer;
       .btn-text {
         width: 110px;
+        margin-left: 18px;
         height: 32px;
         line-height: 32px;
         text-align: left;
         box-sizing: border-box;
-        padding-left: 24px;
-        font-size: 14px;
+        font-size: 16px;
         font-family: Microsoft YaHei;
         color: rgba(95, 101, 108, 1);
       }
       .btn-icon {
         width: 22px;
-        padding-top: 2px;
+        padding-top: 9px;
       }
     }
     .siderBtnActive {

src/views/bill/relevantCircumstance/index.vue

@@ -607,13 +607,13 @@ onMounted(() => {
       width: 8px;
       height: 20px;
       border-radius: 0 4px 4px 0;
-      background: rgba(10, 87, 166, 1);
+      background: var(--color-main-active);
     }
     .title {
       margin-left: 14px;
       margin-top: 14px;
       height: 26px;
-      color: rgba(10, 87, 166, 1);
+      color: var(--color-main-active);
       font-family: Microsoft YaHei;
       font-size: 20px;
       font-weight: 700;
@@ -661,7 +661,7 @@ onMounted(() => {
     .header-in-title {
       margin-left: 15px;
       height: 24px;
-      color: rgba(10, 87, 166, 1);
+      color: var(--color-main-active);
       font-family: Microsoft YaHei;
       font-size: 18px;
       font-weight: 700;
@@ -748,7 +748,7 @@ onMounted(() => {
           margin-left: 13px;
           height: 24px;
           width: 943px;
-          color: rgba(10, 87, 166, 1);
+          color: var(--color-main-active);
           font-family: Microsoft YaHei;
           font-size: 16px;
           font-weight: 400;

src/views/decree/content/depthMine.vue

@@ -290,7 +290,7 @@ const handleSizeChange = val => {
 }
 .contetn-tabs-item-active {
 	background-color: rgba(231, 243, 255, 1);
-	color: rgba(10, 87, 166, 1);
+	color: var(--color-main-active);
 }
 .content-tabs-pane {
 	display: flex;
@@ -418,7 +418,7 @@ const handleSizeChange = val => {
 .content-box-footer-text {
 	font-size: 16px;
 	font-weight: 400;
-	color: rgba(10, 87, 166, 1);
+	color: var(--color-main-active);
 }
 .footer-img-small {
 	width: 20px;

src/views/decree/content/survey.vue

@@ -270,7 +270,7 @@ const activities = [
 	font-weight: 400;
 	border-radius: 50%;
 	background-color: rgba(231, 243, 255, 1);
-	color: rgba(10, 87, 166, 1);
+	color: var(--color-main-active);
 }
 .content-box-footer {
 	display: flex;
@@ -321,7 +321,7 @@ const activities = [
 	color: rgba(59, 65, 75, 1);
 }
 .content-desc-content {
-	color: rgba(10, 87, 166, 1);
+	color: var(--color-main-active);
 	font-size: 16px;
 	font-weight: 700;
 }
@@ -366,7 +366,7 @@ const activities = [
 .time-line-dot {
 	width: 8px;
 	height: 8px;
-	background-color: rgba(10, 87, 166, 1);
+	background-color: var(--color-main-active);
 	border-radius: 50%;
 }
 .content-time-line-box {

src/views/decree/decreeHome/index.vue

@@ -228,7 +228,7 @@
 						<div class="box3-header">
 							<div class="box3-header-left">
 								<div class="box3-header-icon">
-									<img src="./assets/images/box3-header-icon.png" alt="" />
+									<img src="@/assets/images/box-header-icon/news-icon.png" alt="" />
 								</div>
 								<div class="box3-header-title">{{ "新闻资讯" }}</div>
 								<div class="more" @click="handleToMoreNews">{{ "更多 +" }}</div>
@@ -252,7 +252,7 @@
 					<div class="box4">
 						<div class="box4-header">
 							<div class="header-icon">
-								<img src="./assets/images/box4-header-icon.png" alt="" />
+								<img src="@/assets/images/box-header-icon/message-icon.png" alt="" />
 							</div>
 							<div class="header-title">{{ "社交媒体" }}</div>
 						</div>
@@ -467,7 +467,7 @@
 								<div class="box3-header-icon">
 									<img src="./assets/images/box3-header-icon.png" alt="" />
 								</div>
-								<div class="box3-header-title">{{ "政令发布频度" }}</div>
+								<div class="box3-header-title">{{ "行政令发布频度" }}</div>
 							</div>
 							<div class="box3-header-right">
 								<img src="./assets/images/header-more.png" alt="" />
@@ -494,7 +494,7 @@
 							<div class="header-icon">
 								<img src="./assets/images/box5-header-icon.png" alt="" />
 							</div>
-							<div class="header-title">{{ "关键政令及举措" }}</div>
+							<div class="header-title">{{ "关键行政令" }}</div>
 						</div>
 						<div class="box5-main">
 							<div class="box5-item" v-for="(item, index) in keyDecreeList" :key="index">
@@ -883,7 +883,7 @@ const chart2Data = ref([
 ]);
 const colorList = ["#69B1FF", "#FFC069", "#87E8DE", "#85A5FF", "#FF7875", "#B37FEB", "#4096FF"];
 
-// 关键政令及举措
+// 关键行政令
 const keyDecreeList = ref([
 	{
 		title: "关于“对等关税”的行政令",
@@ -1466,6 +1466,7 @@ onMounted(async () => {
 				.box1 {
 					width: 1064px;
 					height: 450px;
+					border-radius: 10px;
 					box-shadow: 0px 0px 15px 0px rgba(22, 119, 255, 0.1);
 					background: #fff;
 					box-sizing: border-box;
@@ -1511,17 +1512,17 @@ onMounted(async () => {
 						}
 					}
 					.box1-header {
-						height: 53px;
+						height: 48px;
 						border-bottom: 1px solid rgba(240, 242, 244, 1);
 						display: flex;
 						justify-content: space-between;
 						.box1-header-left {
 							display: flex;
-							margin-left: 19px;
 							.icon {
 								width: 18px;
 								height: 18px;
-								margin-top: 19px;
+								margin-left: 19px;
+								margin-top: 14px;
 								img {
 									width: 100%;
 									height: 100%;
@@ -1529,21 +1530,21 @@ onMounted(async () => {
 							}
 							.title {
 								width: 152px;
-								height: 53px;
+								height: 48px;
 								margin-left: 18px;
 								color: #fff;
-								background: rgba(10, 87, 166, 1);
+								background: var(--color-main-active);
 								font-family: Microsoft YaHei;
 								font-size: 20px;
 								font-weight: 700;
-								line-height: 53px;
+								line-height: 48px;
 								text-align: center;
 							}
 						}
 						.box1-header-right {
-							margin-top: 19px;
+							margin-top: 16px;
 							height: 16px;
-							color: rgba(20, 89, 187, 1);
+							color: var(--color-main-active);
 							font-family: Microsoft YaHei;
 							font-size: 16px;
 							font-weight: 400;
@@ -1572,7 +1573,7 @@ onMounted(async () => {
 							flex: 1;
 							.box1-main-right-title {
 								height: 26px;
-								color: rgba(10, 87, 166, 1);
+								color: var(--color-main-active);
 								font-family: Microsoft YaHei;
 								font-size: 20px;
 								font-weight: 700;
@@ -1630,7 +1631,7 @@ onMounted(async () => {
 									display: flex;
 									.footer-right-item1 {
 										height: 24px;
-										color: rgba(10, 87, 166, 1);
+										color: var(--color-main-active);
 										font-family: Microsoft YaHei;
 										font-size: 16px;
 										font-weight: 400;
@@ -1654,18 +1655,19 @@ onMounted(async () => {
 				.box2 {
 					width: 521px;
 					height: 450px;
+					border-radius: 10px;
 					box-shadow: 0px 0px 15px 0px rgba(22, 119, 255, 0.1);
 					background: rgba(255, 255, 255, 1);
 					position: relative;
 					.box2-header {
-						height: 54px;
+						height: 48px;
 						display: flex;
 						border-bottom: 1px solid rgba(240, 242, 244, 1);
 						.icon {
 							width: 24px;
 							height: 22px;
-							margin-left: 33px;
-							margin-top: 18px;
+							margin-left: 18px;
+							margin-top: 14px;
 							img {
 								width: 100%;
 								height: 100%;
@@ -1675,16 +1677,15 @@ onMounted(async () => {
 							display: flex;
 							width: 148px;
 							background: rgba(206, 79, 81, 1);
-							margin-left: 25px;
+							margin-left: 18px;
 							.text {
-								margin-left: 15px;
-								margin-top: 16px;
-								height: 22px;
+								margin-left: 16px;
+								height: 48px;
 								color: #fff;
 								font-family: Microsoft YaHei;
 								font-size: 20px;
 								font-weight: 700;
-								line-height: 22px;
+								line-height: 48px;
 							}
 							.num {
 								width: 24px;
@@ -1695,21 +1696,11 @@ onMounted(async () => {
 								font-family: Microsoft YaHei;
 								font-size: 12px;
 								margin-left: 15px;
-								margin-top: 18px;
+								margin-top: 15px;
 								border-radius: 100px;
 								background: rgba(255, 255, 255, 0.3);
 							}
 						}
-						.more {
-							margin-top: 19px;
-							margin-left: 200px;
-							color: rgba(20, 89, 187, 1);
-							font-family: Microsoft YaHei;
-							font-size: 16px;
-							font-weight: 400;
-							line-height: 16px;
-							cursor: pointer;
-						}
 					}
 					.box2-main {
 						box-sizing: border-box;
@@ -1821,6 +1812,7 @@ onMounted(async () => {
 				.box3 {
 					width: 792px;
 					height: 450px;
+					border-radius: 10px;
 					box-shadow: 0px 0px 15px 0px rgba(25, 69, 130, 0.2);
 					background: rgba(255, 255, 255, 1);
 					.box3-header {
@@ -1829,11 +1821,11 @@ onMounted(async () => {
 						margin: 0 auto;
 						display: flex;
 						justify-content: space-between;
-						padding: 0 20px;
 						position: relative;
 						.box3-header-left {
 							display: flex;
 							.box3-header-icon {
+								margin-left: 21px;
 								margin-top: 16px;
 								width: 19px;
 								height: 19px;
@@ -1843,14 +1835,14 @@ onMounted(async () => {
 								}
 							}
 							.box3-header-title {
-								margin-top: 16px;
-								margin-left: 19px;
-								height: 22px;
-								color: rgba(20, 89, 187, 1);
+								margin-top: 11px;
+								margin-left: 20px;
+								height: 26px;
+								color: var(--color-main-active);
 								font-family: Microsoft YaHei;
 								font-size: 20px;
 								font-weight: 700;
-								line-height: 22px;
+								line-height: 26px;
 							}
 						}
 						.more {
@@ -1939,6 +1931,7 @@ onMounted(async () => {
 					margin-left: 20px;
 					width: 792px;
 					height: 450px;
+					border-radius: 10px;
 					box-shadow: 0px 0px 15px 0px rgba(25, 69, 130, 0.2);
 					background: rgba(255, 255, 255, 1);
 					.box4-header {
@@ -1947,10 +1940,10 @@ onMounted(async () => {
 						border-bottom: 1px solid rgba(240, 242, 244, 1);
 						display: flex;
 						box-sizing: border-box;
-						padding-left: 22px;
 						position: relative;
 						.header-icon {
-							margin-top: 15px;
+							margin-left: 21px;
+							margin-top: 17px;
 							width: 20px;
 							height: 20px;
 							img {
@@ -1959,27 +1952,14 @@ onMounted(async () => {
 							}
 						}
 						.header-title {
-							margin-top: 16px;
-							margin-left: 18px;
-							height: 22px;
+							margin-top: 11px;
+							margin-left: 20px;
+							height: 26px;
 							color: var(--color-main-active);
 							font-family: Microsoft YaHei;
 							font-size: 20px;
 							font-weight: 700;
-							line-height: 22px;
-						}
-						.more {
-							width: 49px;
-							height: 24px;
-							position: absolute;
-							top: 14px;
-							right: 27px;
-							color: rgba(20, 89, 187, 1);
-							font-family: Microsoft YaHei;
-							font-size: 16px;
-							font-weight: 400;
-							line-height: 24px;
-							cursor: pointer;
+							line-height: 26px;
 						}
 					}
 					.box4-main {
@@ -2083,7 +2063,7 @@ onMounted(async () => {
 							line-height: 31px;
 						}
 						.nameActive {
-							color: rgba(10, 87, 166, 1);
+							color: var(--color-main-active);
 						}
 						.time {
 							margin-top: 1px;
@@ -2095,7 +2075,7 @@ onMounted(async () => {
 							line-height: 30px;
 						}
 						.timeActive {
-							color: rgba(10, 87, 166, 1);
+							color: var(--color-main-active);
 						}
 					}
 				}
@@ -2141,7 +2121,7 @@ onMounted(async () => {
 							.right-item1 {
 								margin-top: 41px;
 								height: 31px;
-								color: rgba(10, 87, 166, 1);
+								color: var(--color-main-active);
 								font-family: Microsoft YaHei;
 								font-size: 24px;
 								font-weight: 700;
@@ -2214,7 +2194,7 @@ onMounted(async () => {
 									justify-content: flex-end;
 									.item2-3 {
 										height: 42px;
-										color: rgba(10, 87, 166, 1);
+										color: var(--color-main-active);
 										font-size: 32px;
 										line-height: 42px;
 									}
@@ -2294,7 +2274,7 @@ onMounted(async () => {
 							}
 							.text {
 								margin-left: 20px;
-								color: rgba(10, 87, 166, 1);
+								color: var(--color-main-active);
 								font-family: Microsoft YaHei;
 								font-size: 20px;
 								font-weight: 700;
@@ -2480,19 +2460,18 @@ onMounted(async () => {
 					height: 452px;
 					box-shadow: 0px 0px 15px 0px rgba(22, 119, 255, 0.1);
 					background: rgba(255, 255, 255, 1);
-					border-radius: 4px;
+					border-radius: 10px;
 					.box3-header {
 						height: 48px;
 						border-bottom: 1px solid rgba(240, 242, 244, 1);
 						margin: 0 auto;
 						display: flex;
 						justify-content: space-between;
-						padding: 0 20px;
 						.box3-header-left {
 							display: flex;
 							.box3-header-icon {
-								margin-top: 14px;
-								margin-left: 4px;
+								margin-top: 17px;
+								margin-left: 24px;
 								width: 17px;
 								height: 17px;
 								img {
@@ -2504,7 +2483,7 @@ onMounted(async () => {
 								margin-top: 11px;
 								margin-left: 19px;
 								height: 26px;
-								color: rgba(10, 87, 166, 1);
+								color: var(--color-main-active);
 								font-family: Microsoft YaHei;
 								font-size: 20px;
 								font-weight: 700;
@@ -2515,7 +2494,7 @@ onMounted(async () => {
 							width: 49px;
 							height: 24px;
 							margin-top: 12px;
-							margin-right: 7px;
+							margin-right: 27px;
 							cursor: pointer;
 							img {
 								width: 100%;
@@ -2533,12 +2512,13 @@ onMounted(async () => {
 					height: 452px;
 					box-shadow: 0px 0px 15px 0px rgba(22, 119, 255, 0.1);
 					background: rgba(255, 255, 255, 1);
-					border-radius: 4px;
+					border-radius: 10px;
 					.box4-header {
 						margin: 0 auto;
 						height: 53px;
 						border-bottom: 1px solid rgba(240, 242, 244, 1);
 						display: flex;
+						position: relative;
 						.header-icon {
 							margin-top: 16px;
 							margin-left: 22px;
@@ -2550,7 +2530,7 @@ onMounted(async () => {
 							}
 						}
 						.header-title {
-							margin-top: 12px;
+							margin-top: 11px;
 							margin-left: 18px;
 							height: 26px;
 							color: rgba(20, 89, 187, 1);
@@ -2560,10 +2540,11 @@ onMounted(async () => {
 							line-height: 26px;
 						}
 						.header-right {
-							margin-left: 550px;
+							position: absolute;
+							right: 27px;
 							width: 49px;
 							height: 24px;
-							margin-top: 12px;
+							top: 12px;
 							cursor: pointer;
 							img {
 								width: 100%;
@@ -2607,7 +2588,7 @@ onMounted(async () => {
 							height: 26px;
 							margin-top: 11px;
 							margin-left: 13px;
-							color: rgba(10, 87, 166, 1);
+							color: var(--color-main-active);
 							font-family: Microsoft YaHei;
 							font-size: 20px;
 							font-weight: 700;
@@ -2693,7 +2674,7 @@ onMounted(async () => {
 							height: 26px;
 							margin-top: 11px;
 							margin-left: 13px;
-							color: rgba(10, 87, 166, 1);
+							color: var(--color-main-active);
 							font-family: Microsoft YaHei;
 							font-size: 20px;
 							font-weight: 700;
@@ -2864,7 +2845,7 @@ onMounted(async () => {
 								margin-top: 18px;
 								width: 128px;
 								height: 24px;
-								color: rgba(10, 87, 166, 1);
+								color: var(--color-main-active);
 								font-family: Microsoft YaHei;
 								font-size: 16px;
 								font-weight: 400;

src/views/decree/decreeHome/utils/barChart.js

@@ -42,7 +42,7 @@ const getBarChart = (nameList, valueList) => {
       label: {
         show: true,
         position: 'top',
-        color: 'rgba(10, 87, 166, 1)',
+        color: 'var(--color-main-active)',
         fontWeight: 'bold',  // 文字加粗
         fontSize: 14,
         formatter: function (params) {
@@ -59,7 +59,7 @@ const getBarChart = (nameList, valueList) => {
             },
             {
               offset: 1,
-              color: 'rgba(10, 87, 166, 1)'
+              color: 'var(--color-main-active)'
             }
             ]);
         },

src/views/decree/decreeLayout/deepdig/index.vue

@@ -284,14 +284,14 @@ const box2LeftActiveIndex = ref(0);
 			width: 8px;
 			height: 20px;
 			border-radius: 0 4px 4px 0;
-			background: rgba(10, 87, 166, 1);
+			background: var(--color-main-active);
 		}
 		.title {
 			margin-left: 14px;
 			margin-top: 14px;
 			height: 26px;
 			line-height: 26px;
-			color: rgba(10, 87, 166, 1);
+			color: var(--color-main-active);
 			font-family: Microsoft YaHei;
 			font-size: 20px;
 			font-weight: 700;
@@ -394,7 +394,7 @@ const box2LeftActiveIndex = ref(0);
 				}
 				.time {
 					height: 24px;
-					color: rgba(10, 87, 166, 1);
+					color: var(--color-main-active);
 					font-family: Microsoft YaHei;
 					font-size: 16px;
 					font-weight: 700;
@@ -405,7 +405,7 @@ const box2LeftActiveIndex = ref(0);
 				}
 				.timeFooter {
 					height: 24px;
-					color: rgba(10, 87, 166, 1);
+					color: var(--color-main-active);
 					font-family: Microsoft YaHei;
 					font-size: 16px;
 					font-weight: 700;
@@ -451,7 +451,7 @@ const box2LeftActiveIndex = ref(0);
 				align-items: center;
 				margin-top: 2px;
 				margin-left: 15px;
-				color: rgba(10, 87, 166, 1);
+				color: var(--color-main-active);
 				font-family: Microsoft YaHei;
 				font-size: 16px;
 				font-weight: 400;
@@ -510,7 +510,7 @@ const box2LeftActiveIndex = ref(0);
 						margin-left: 17px;
 						margin-top: 17px;
 						height: 30px;
-						// color:  rgba(10, 87, 166, 1);
+						// color:  var(--color-main-active);
 						// font-family: Microsoft YaHei;
 						// font-size: 16px;
 						// font-weight: 700;
@@ -518,7 +518,7 @@ const box2LeftActiveIndex = ref(0);
 					}
 				}
 				.leftItemActive {
-					color: rgba(10, 87, 166, 1);
+					color: var(--color-main-active);
 					font-weight: 700;
 					background: rgba(246, 250, 255, 1);
 					&::after {
@@ -526,7 +526,7 @@ const box2LeftActiveIndex = ref(0);
 						content: "";
 						width: 5px;
 						height: 48px;
-						background: rgba(10, 87, 166, 1);
+						background: var(--color-main-active);
 						right: -70px;
 						top: 8px;
 					}
@@ -582,7 +582,7 @@ const box2LeftActiveIndex = ref(0);
 								display: flex;
 								.item-right-text {
 									height: 30px;
-									color: rgba(10, 87, 166, 1);
+									color: var(--color-main-active);
 									font-family: Microsoft YaHei;
 									font-size: 16px;
 									font-weight: 700;
@@ -622,7 +622,7 @@ const box2LeftActiveIndex = ref(0);
 							margin-top: 16px;
 							margin-left: 16px;
 							height: 30px;
-							color: rgba(10, 87, 166, 1);
+							color: var(--color-main-active);
 							font-family: Microsoft YaHei;
 							font-size: 16px;
 							font-weight: 700;

src/views/decree/decreeLayout/index.vue

@@ -437,13 +437,8 @@ onMounted(() => {
             margin-top: 3px;
             height: 35px;
             cursor: pointer;
-            // &:hover{
-            //   .name {
-            //     color: rgba(22, 119, 255, 1);
-            //   }
-            // }
             .icon {
-              margin-top: 1px;
+              margin-top: 4px;
               width: 16px;
               height: 16px;
               img {
@@ -452,22 +447,23 @@ onMounted(() => {
               }
             }
             .name {
-              color: rgba(95, 101, 108, 1);
+              height: 24px;
+              color: rgba(59, 65, 75, 1);
               font-family: Microsoft YaHei;
-              font-size: 14px;
+              font-size: 18px;
               font-weight: 400;
-              line-height: 22px;
+              line-height: 24px;
               letter-spacing: 0px;
               text-align: left;
               margin-left: 3px;
             }
             .nameActive {
-              color: rgba(20, 89, 187, 1);
+              color: var(--color-main-active);
               font-weight: 700;
             }
           }
           .leftBoxBottomItemActive {
-            border-bottom: 3px solid rgba(20, 89, 187, 1);
+            border-bottom: 3px solid var(--color-main-active);
           }
         }
       }

src/views/decree/decreeLayout/influence/index.vue

@@ -508,7 +508,7 @@ onMounted(() => {
             display: flex;
             width: 240px;
             .title {
-              color: rgba(10, 87, 166, 1);
+              color: var(--color-main-active);
               height: 26px;
               font-family: Microsoft YaHei;
               font-size: 16px;
@@ -550,7 +550,7 @@ onMounted(() => {
           }
           .time {
             height: 24px;
-            color: rgba(10, 87, 166, 1);
+            color: var(--color-main-active);
             font-family: Microsoft YaHei;
             font-size: 16px;
             font-weight: 700;
@@ -594,7 +594,7 @@ onMounted(() => {
           margin-left: 13px;
           width: 964px;
           height: 48px;
-          color: rgba(10, 87, 166, 1);
+          color: var(--color-main-active);
           font-family: Microsoft YaHei;
           font-size: 16px;
           font-weight: 400;
@@ -651,7 +651,7 @@ onMounted(() => {
             .text {
               width: 33px;
               height: 30px;
-              color: rgba(10, 87, 166, 1);
+              color: var(--color-main-active);
               font-family: Microsoft YaHei;
               font-size: 14px;
               font-weight: 700;
@@ -740,7 +740,7 @@ onMounted(() => {
           margin-left: 13px;
           width: 964px;
           height: 48px;
-          color: rgba(10, 87, 166, 1);
+          color: var(--color-main-active);
           font-family: Microsoft YaHei;
           font-size: 16px;
           font-weight: 400;

src/views/decree/decreeLayout/overview/background/index.vue

@@ -209,14 +209,14 @@ const laws = ref([
 			width: 8px;
 			height: 20px;
 			border-radius: 0 4px 4px 0;
-			background: rgba(10, 87, 166, 1);
+			background: var(--color-main-active);
 		}
 		.title {
 			margin-left: 14px;
 			margin-top: 14px;
 			height: 26px;
 			line-height: 26px;
-			color: rgba(10, 87, 166, 1);
+			color: var(--color-main-active);
 			font-family: Microsoft YaHei;
 			font-size: 20px;
 			font-weight: 700;

src/views/decree/decreeLayout/overview/index.vue

@@ -58,31 +58,30 @@ const handleClickLeftSiderBtn = (item) => {
     padding-top: 16px;
     .sider-btn {
       margin-top: 20px;
-      margin-left: 23px;
-      width: 112px;
+      margin-left: 20px;
+      width: 120px;
       height: 32px;
       display: flex;
-      line-height: 32px;
       border-radius: 16px;
       cursor: pointer;
       .btn-text {
-        width: 82px;
+        margin-left: 28px;
+        width: 68px;
         height: 32px;
         line-height: 32px;
         text-align: left;
         box-sizing: border-box;
-        padding-left: 24px;
-        font-size: 14px;
+        font-size: 16px;
         font-family: Microsoft YaHei;
         color: rgba(95, 101, 108, 1);
       }
       .btn-icon {
         width: 22px;
-        padding-top: 2px;
+        padding-top: 9px;
       }
     }
     .siderBtnActive {
-      background: rgba(10, 87, 166, 1);
+      background: var(--color-main-active);
       .btn-text {
         color: #fff !important;
       }

src/views/decree/decreeLayout/overview/introduction/index.vue

@@ -252,14 +252,14 @@ const eventList = ref([
 			width: 8px;
 			height: 20px;
 			border-radius: 0 4px 4px 0;
-			background: rgba(10, 87, 166, 1);
+			background: var(--color-main-active);
 		}
 		.title {
 			margin-left: 14px;
 			margin-top: 14px;
 			height: 26px;
 			line-height: 26px;
-			color: rgba(10, 87, 166, 1);
+			color: var(--color-main-active);
 			font-family: Microsoft YaHei;
 			font-size: 20px;
 			font-weight: 700;

src/views/decree/institution/deepdig/index.vue

@@ -404,14 +404,14 @@ onMounted(() => {
 			width: 8px;
 			height: 16px;
 			border-radius: 0 4px 4px 0;
-			background: rgba(10, 87, 166, 1);
+			background: var(--color-main-active);
 		}
 		.title {
 			margin-left: 14px;
 			margin-top: 16px;
 			height: 24px;
 			line-height: 24px;
-			color: rgba(10, 87, 166, 1);
+			color: var(--color-main-active);
 			font-family: Microsoft YaHei;
 			font-size: 18px;
 			font-weight: 700;
@@ -438,9 +438,9 @@ onMounted(() => {
 				cursor: pointer;
 			}
 			.btnActive {
-				border: 1px solid rgba(10, 87, 166, 1);
+				border: 1px solid var(--color-main-active);
 				background: rgba(246, 250, 255, 1);
-				color: rgba(10, 87, 166, 1);
+				color: var(--color-main-active);
 			}
 		}
 		.header-info {

src/views/decree/institution/insDetail/index.vue

@@ -283,14 +283,14 @@ const curList = ref([
 			width: 8px;
 			height: 16px;
 			border-radius: 0 4px 4px 0;
-			background: rgba(10, 87, 166, 1);
+			background: var(--color-main-active);
 		}
 		.title {
 			margin-left: 14px;
 			margin-top: 16px;
 			height: 24px;
 			line-height: 24px;
-			color: rgba(10, 87, 166, 1);
+			color: var(--color-main-active);
 			font-family: Microsoft YaHei;
 			font-size: 18px;
 			font-weight: 700;
@@ -317,9 +317,9 @@ const curList = ref([
 				cursor: pointer;
 			}
 			.btnActive {
-				border: 1px solid rgba(10, 87, 166, 1);
+				border: 1px solid var(--color-main-active);
 				background: rgba(246, 250, 255, 1);
-				color: rgba(10, 87, 166, 1);
+				color: var(--color-main-active);
 			}
 		}
 		.header-info {

src/views/exportControl/infoPlatform/index.vue

@@ -550,7 +550,7 @@ const talentData = ref([
 .content-card-date {
 	font-size: 14px;
 	font-weight: 400;
-	color: rgba(10, 87, 166, 1);
+	color: var(--color-main-active);
 }
 .content-card-title {
 	width: 100%;
@@ -698,7 +698,7 @@ const talentData = ref([
 .time-line-dot {
 	width: 8px;
 	height: 8px;
-	background-color: rgba(10, 87, 166, 1);
+	background-color: var(--color-main-active);
 	border-radius: 50%;
 }
 </style>

src/views/exportControl/researchFunding/index.vue

@@ -485,11 +485,11 @@ const policyBanData = ref([
 .content-list-item-money {
 	font-size: 20px;
 	font-weight: 700;
-	color: rgba(10, 87, 166, 1);
+	color: var(--color-main-active);
 	margin-left: 50px;
 }
 .content-card-title-text {
-	color: rgba(10, 87, 166, 1);
+	color: var(--color-main-active);
 }
 .content-card-desc {
 	font-size: 14px;

src/views/exportControl/ruleDetail/content/survey.vue

@@ -257,7 +257,7 @@ const tableData = ref([
 	color: rgba(59, 65, 75, 1);
 }
 .content-desc-content {
-	color: rgba(10, 87, 166, 1);
+	color: var(--color-main-active);
 	font-size: 16px;
 	font-weight: 700;
 }
@@ -302,7 +302,7 @@ const tableData = ref([
 .time-line-dot {
 	width: 8px;
 	height: 8px;
-	background-color: rgba(10, 87, 166, 1);
+	background-color: var(--color-main-active);
 	border-radius: 50%;
 }
 .example-card {
@@ -408,6 +408,6 @@ const tableData = ref([
 	line-height: 24px;
 	font-size: 16px;
 	font-weight: 700;
-	color: rgba(10, 87, 166, 1);
+	color: var(--color-main-active);
 }
 </style>

src/views/exportControl/ruleLimit/index.vue

@@ -480,7 +480,7 @@ const orgAndruleList = ref([
 .content-card-date {
 	font-size: 14px;
 	font-weight: 400;
-	color: rgba(10, 87, 166, 1);
+	color: var(--color-main-active);
 }
 .content-card-title {
 	width: 100%;
@@ -547,7 +547,7 @@ const orgAndruleList = ref([
 	font-weight: 400;
 	border-radius: 50%;
 	background-color: rgba(231, 243, 255, 1);
-	color: rgba(10, 87, 166, 1);
+	color: var(--color-main-active);
 }
 .content-card-title-box {
 	display: flex;

src/views/finance/analysis/content/depthMine.vue

@@ -445,7 +445,7 @@ const handleClick = index => {
 }
 .depth-mine-left-item-active {
 	color: #fff;
-	background-color: rgba(10, 87, 166, 1);
+	background-color: var(--color-main-active);
 }
 .depth-mine-left-item-title {
 	font-size: 16px;
@@ -491,7 +491,7 @@ const handleClick = index => {
 .content-box-footer-text {
 	font-size: 16px;
 	font-weight: 400;
-	color: rgba(10, 87, 166, 1);
+	color: var(--color-main-active);
 }
 .footer-img-small {
 	width: 20px;

src/views/finance/analysis/content/impactAnalysis.vue

@@ -491,7 +491,7 @@ onMounted(() => {
 .content-box-footer-text {
 	font-size: 16px;
 	font-weight: 400;
-	color: rgba(10, 87, 166, 1);
+	color: var(--color-main-active);
 }
 .footer-img-small {
 	width: 20px;

src/views/finance/analysis/content/survey.vue

@@ -246,7 +246,7 @@ import { Postcard } from "@element-plus/icons-vue";
 	color: rgba(59, 65, 75, 1);
 }
 .content-desc-content {
-	color: rgba(10, 87, 166, 1);
+	color: var(--color-main-active);
 	font-size: 16px;
 	font-weight: 700;
 }
@@ -291,7 +291,7 @@ import { Postcard } from "@element-plus/icons-vue";
 .time-line-dot {
 	width: 8px;
 	height: 8px;
-	background-color: rgba(10, 87, 166, 1);
+	background-color: var(--color-main-active);
 	border-radius: 50%;
 }
 .example-card {

src/views/finance/index.vue

@@ -84,7 +84,7 @@
 			<el-row :gutter="20" style="width: 1600px; margin: 0 auto">
 				<CustomTitle id="position1" title="最新动态" style="margin-top: 24px" />
 				<el-col :span="16">
-					<custom-container titleType="primary" title="最新出口管制政策" :titleIcon="houseIcon" height="450px">
+					<custom-container titleType="primary" title="最新投融资限制政策" :titleIcon="houseIcon" height="450px">
 						<template #header-right>
 							<el-button type="primary" link @click="handleToDetail">
 								{{ "查看详情 >" }}

src/views/finance/infoPlatform/index.vue

@@ -550,7 +550,7 @@ const talentData = ref([
 .content-card-date {
 	font-size: 14px;
 	font-weight: 400;
-	color: rgba(10, 87, 166, 1);
+	color: var(--color-main-active);
 }
 .content-card-title {
 	width: 100%;
@@ -698,7 +698,7 @@ const talentData = ref([
 .time-line-dot {
 	width: 8px;
 	height: 8px;
-	background-color: rgba(10, 87, 166, 1);
+	background-color: var(--color-main-active);
 	border-radius: 50%;
 }
 </style>

src/views/finance/researchFunding/index.vue

@@ -485,11 +485,11 @@ const policyBanData = ref([
 .content-list-item-money {
 	font-size: 20px;
 	font-weight: 700;
-	color: rgba(10, 87, 166, 1);
+	color: var(--color-main-active);
 	margin-left: 50px;
 }
 .content-card-title-text {
-	color: rgba(10, 87, 166, 1);
+	color: var(--color-main-active);
 }
 .content-card-desc {
 	font-size: 14px;

src/views/finance/ruleDetail/content/survey.vue

@@ -257,7 +257,7 @@ const tableData = ref([
 	color: rgba(59, 65, 75, 1);
 }
 .content-desc-content {
-	color: rgba(10, 87, 166, 1);
+	color: var(--color-main-active);
 	font-size: 16px;
 	font-weight: 700;
 }
@@ -302,7 +302,7 @@ const tableData = ref([
 .time-line-dot {
 	width: 8px;
 	height: 8px;
-	background-color: rgba(10, 87, 166, 1);
+	background-color: var(--color-main-active);
 	border-radius: 50%;
 }
 .example-card {
@@ -408,6 +408,6 @@ const tableData = ref([
 	line-height: 24px;
 	font-size: 16px;
 	font-weight: 700;
-	color: rgba(10, 87, 166, 1);
+	color: var(--color-main-active);
 }
 </style>

src/views/finance/ruleLimit/index.vue

@@ -480,7 +480,7 @@ const orgAndruleList = ref([
 .content-card-date {
 	font-size: 14px;
 	font-weight: 400;
-	color: rgba(10, 87, 166, 1);
+	color: var(--color-main-active);
 }
 .content-card-title {
 	width: 100%;
@@ -547,7 +547,7 @@ const orgAndruleList = ref([
 	font-weight: 400;
 	border-radius: 50%;
 	background-color: rgba(231, 243, 255, 1);
-	color: rgba(10, 87, 166, 1);
+	color: var(--color-main-active);
 }
 .content-card-title-box {
 	display: flex;

src/views/infoPlatform/index.vue

@@ -459,7 +459,7 @@ const talentData = ref([
 }
 
 .el-breadcrumb__item:last-child ::v-deep .el-breadcrumb__inner{
-	color: rgba(10, 87, 166, 1);
+	color: var(--color-main-active);
 	font-weight: 800;
 }
 
@@ -544,7 +544,7 @@ const talentData = ref([
 .content-card-date {
 	font-size: 14px;
 	font-weight: 400;
-	color: rgba(10, 87, 166, 1);
+	color: var(--color-main-active);
 }
 .content-card-title {
 	width: 100%;
@@ -696,7 +696,7 @@ const talentData = ref([
 .time-line-dot {
 	width: 8px;
 	height: 8px;
-	background-color: rgba(10, 87, 166, 1);
+	background-color: var(--color-main-active);
 	border-radius: 50%;
 } 	
 .el-tag{

src/views/innovationSubject/index.vue

@@ -1234,7 +1234,7 @@ onMounted(async () => {
 								height: 48px;
 								margin-left: 18px;
 								color: #fff;
-								background: rgba(10, 87, 166, 1);
+								background: var(--color-main-active);
 								font-family: Microsoft YaHei;
 								font-size: 20px;
 								font-weight: 700;
@@ -1918,7 +1918,7 @@ onMounted(async () => {
 		}
 		.home-main-footer {
 			margin-top: 34px;
-			height: 1379px;
+			height: 910px;
 			background: rgba(248, 249, 250, 1);
 			overflow: hidden;
 			.divide4 {

src/views/innovationSubject/utils/barChart.js

@@ -42,7 +42,7 @@ const getBarChart = (nameList, valueList) => {
       label: {
         show: true,
         position: 'top',
-        color: 'rgba(10, 87, 166, 1)',
+        color: 'var(--color-main-active)',
         fontWeight: 'bold',  // 文字加粗
         fontSize: 14,
         formatter: function (params) {
@@ -59,7 +59,7 @@ const getBarChart = (nameList, valueList) => {
             },
             {
               offset: 1,
-              color: 'rgba(10, 87, 166, 1)'
+              color: 'var(--color-main-active)'
             }
             ]);
         },

src/views/marketAccessRestrictions/marketAccessHome/index.vue

@@ -1372,7 +1372,7 @@ onMounted(async () => {
 						top: 15px;
 						width: 4px;
 						height: 111px;
-						background: rgba(10, 87, 166, 1);
+						background: var(--color-main-active);
 					}
 					.header {
 						height: 56px;
@@ -1391,7 +1391,7 @@ onMounted(async () => {
 							margin-top: 28px;
 							margin-right: 35px;
 							height: 24px;
-							color: rgba(10, 87, 166, 1);
+							color: var(--color-main-active);
 							font-family: Microsoft YaHei;
 							font-size: 30px;
 							font-weight: 700;
@@ -1454,40 +1454,40 @@ onMounted(async () => {
 						}
 					}
 					.box1-header {
-						height: 53px;
+						height: 48px;
 						border-bottom: 1px solid rgba(240, 242, 244, 1);
 						display: flex;
 						justify-content: space-between;
-						padding-left: 31px;
-						padding-right: 41px;
 						.box1-header-left {
 							display: flex;
 							.icon {
-								width: 18px;
+								width: 19px;
 								height: 18px;
-								margin-top: 19px;
+								margin-top: 15px;
+								margin-left: 22px;
 								img {
 									width: 100%;
 									height: 100%;
 								}
 							}
 							.title {
-								width: 152px;
-								height: 53px;
-								margin-left: 18px;
+								width: 112px;
+								height: 48px;
+								margin-left: 19px;
 								color: #fff;
-								background: rgba(10, 87, 166, 1);
+								background: var(--color-main-active);
 								font-family: Microsoft YaHei;
 								font-size: 20px;
 								font-weight: 700;
-								line-height: 53px;
+								line-height: 48px;
 								text-align: center;
 							}
 						}
 						.box1-header-right {
 							margin-top: 19px;
+							margin-right: 40px;
 							height: 16px;
-							color: rgba(20, 89, 187, 1);
+							color: var(--color-main-active);
 							font-family: Microsoft YaHei;
 							font-size: 16px;
 							font-weight: 400;
@@ -1507,7 +1507,7 @@ onMounted(async () => {
 							justify-content: space-between;
 							.header-left {
 								padding-left: 22px;
-								color: rgba(10, 87, 166, 1);
+								color: var(--color-main-active);
 								font-family: Microsoft YaHei;
 								font-size: 20px;
 								font-weight: 700;
@@ -1522,7 +1522,7 @@ onMounted(async () => {
 									line-height: 24px;
 									padding: 0 8px;
 									box-sizing: border-box;
-									color: rgba(10, 87, 166, 1);
+									color: var(--color-main-active);
 									border: 1px solid rgba(145, 202, 255, 1);
 									border-radius: 4px;
 									background: rgba(230, 244, 255, 1);
@@ -1643,8 +1643,8 @@ onMounted(async () => {
 						.icon {
 							width: 24px;
 							height: 22px;
-							margin-left: 33px;
-							margin-top: 13px;
+							margin-left: 18px;
+							margin-top: 14px;
 							img {
 								width: 100%;
 								height: 100%;
@@ -1657,14 +1657,14 @@ onMounted(async () => {
 							background: rgba(206, 79, 81, 1);
 							margin-left: 25px;
 							.text {
-								margin-left: 15px;
-								margin-top: 13px;
-								height: 22px;
+								margin-left: 16px;
+								margin-top: 11px;
+								height: 26px;
 								color: #fff;
 								font-family: Microsoft YaHei;
 								font-size: 20px;
 								font-weight: 700;
-								line-height: 22px;
+								line-height: 26px;
 							}
 							.num {
 								width: 24px;
@@ -1675,7 +1675,7 @@ onMounted(async () => {
 								font-family: Microsoft YaHei;
 								font-size: 12px;
 								margin-left: 15px;
-								margin-top: 14px;
+								margin-top: 15px;
 								border-radius: 100px;
 								background: rgba(255, 255, 255, 0.3);
 							}
@@ -1802,12 +1802,12 @@ onMounted(async () => {
 						margin: 0 auto;
 						display: flex;
 						justify-content: space-between;
-						padding: 0 20px;
 						position: relative;
 						.box3-header-left {
 							display: flex;
 							.box3-header-icon {
 								margin-top: 16px;
+								margin-left: 21px;
 								width: 19px;
 								height: 19px;
 								img {
@@ -1816,14 +1816,14 @@ onMounted(async () => {
 								}
 							}
 							.box3-header-title {
-								margin-top: 16px;
-								margin-left: 19px;
-								height: 22px;
-								color: rgba(20, 89, 187, 1);
+								margin-top: 11px;
+								margin-left: 20px;
+								height: 26px;
+								color: var(--color-main-active);
 								font-family: Microsoft YaHei;
 								font-size: 20px;
 								font-weight: 700;
-								line-height: 22px;
+								line-height: 26px;
 							}
 							.more {
 								width: 49px;
@@ -1921,26 +1921,26 @@ onMounted(async () => {
 						border-bottom: 1px solid rgba(240, 242, 244, 1);
 						display: flex;
 						box-sizing: border-box;
-						padding-left: 22px;
 						position: relative;
 						.header-icon {
-							margin-top: 15px;
-							width: 20px;
-							height: 20px;
+							margin-top: 17px;
+							margin-left: 21px;
+							width: 19px;
+							height: 18px;
 							img {
 								width: 100%;
 								height: 100%;
 							}
 						}
 						.header-title {
-							margin-top: 16px;
-							margin-left: 18px;
-							height: 22px;
+							margin-top: 11px;
+							margin-left: 20px;
+							height: 26px;
 							color: var(--color-main-active);
 							font-family: Microsoft YaHei;
 							font-size: 20px;
 							font-weight: 700;
-							line-height: 22px;
+							line-height: 26px;
 						}
 						.more {
 							width: 49px;
@@ -2028,18 +2028,17 @@ onMounted(async () => {
 					box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
 					background: rgba(255, 255, 255, 1);
 					.box5-header {
-						height: 53px;
+						height: 48px;
 						border-bottom: 1px solid rgba(240, 242, 244, 1);
 						margin: 0 auto;
 						display: flex;
 						justify-content: space-between;
-						padding: 0 20px;
 						position: relative;
 						.box5-header-left {
 							display: flex;
 							.box5-header-icon {
-								margin-top: 15px;
-								margin-left: 2px;
+								margin-top: 16px;
+								margin-left: 22px;
 								width: 19px;
 								height: 19px;
 								img {
@@ -2048,10 +2047,10 @@ onMounted(async () => {
 								}
 							}
 							.box5-header-title {
-								margin-top: 12px;
+								margin-top: 11px;
 								margin-left: 19px;
 								height: 26px;
-								color: rgba(20, 89, 187, 1);
+								color: var(--color-main-active);
 								font-family: Microsoft YaHei;
 								font-size: 20px;
 								font-weight: 700;
@@ -2138,14 +2137,14 @@ onMounted(async () => {
 					background: rgba(255, 255, 255, 1);
 					.box6-header {
 						width: 521px;
-						height: 53px;
+						height: 48px;
 						box-sizing: border-box;
-						padding: 0 20px;
 						border-bottom: 1px solid rgba(240, 242, 244, 1);
 						display: flex;
 						position: relative;
 						.header-icon {
-							margin-top: 18px;
+							margin-left: 20px;
+							margin-top: 15px;
 							width: 19px;
 							height: 19px;
 							img {
@@ -2154,14 +2153,14 @@ onMounted(async () => {
 							}
 						}
 						.header-title {
-							margin-top: 16px;
+							margin-top: 11px;
 							margin-left: 15px;
-							height: 22px;
-							color: rgba(20, 89, 187, 1);
+							height: 26px;
+							color: var(--color-main-active);
 							font-family: Microsoft YaHei;
 							font-size: 20px;
 							font-weight: 700;
-							line-height: 22px;
+							line-height: 26px;
 						}
 						.box-header-right {
 							position: absolute;
@@ -2223,18 +2222,17 @@ onMounted(async () => {
 					box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
 					background: rgba(255, 255, 255, 1);
 					.box7-header {
-						height: 53px;
+						height: 48px;
 						border-bottom: 1px solid rgba(240, 242, 244, 1);
 						margin: 0 auto;
 						display: flex;
 						justify-content: space-between;
-						padding: 0 20px;
 						position: relative;
 						.box7-header-left {
 							display: flex;
 							.box7-header-icon {
-								margin-top: 15px;
-								margin-left: 2px;
+								margin-top: 16px;
+								margin-left: 22px;
 								width: 19px;
 								height: 19px;
 								img {
@@ -2243,10 +2241,10 @@ onMounted(async () => {
 								}
 							}
 							.box7-header-title {
-								margin-top: 12px;
+								margin-top: 11px;
 								margin-left: 19px;
 								height: 26px;
-								color: rgba(20, 89, 187, 1);
+								color: var(--color-main-active);
 								font-family: Microsoft YaHei;
 								font-size: 20px;
 								font-weight: 700;
@@ -2313,30 +2311,29 @@ onMounted(async () => {
 					box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
 					background: rgba(255, 255, 255, 1);
 					.box8-header {
-						height: 53px;
+						height: 48px;
 						border-bottom: 1px solid rgba(240, 242, 244, 1);
 						margin: 0 auto;
 						display: flex;
 						justify-content: space-between;
-						padding: 0 20px;
 						position: relative;
 						.box8-header-left {
 							display: flex;
 							.box8-header-icon {
 								margin-top: 15px;
-								margin-left: 2px;
-								width: 19px;
-								height: 19px;
+								margin-left: 20px;
+								width: 20px;
+								height: 20px;
 								img {
 									width: 100%;
 									height: 100%;
 								}
 							}
 							.box8-header-title {
-								margin-top: 12px;
-								margin-left: 19px;
+								margin-top: 11px;
+								margin-left: 20px;
 								height: 26px;
-								color: rgba(20, 89, 187, 1);
+								color: var(--color-main-active);
 								font-family: Microsoft YaHei;
 								font-size: 20px;
 								font-weight: 700;
@@ -2582,12 +2579,12 @@ onMounted(async () => {
 								height: 16px;
 								margin-top: 4px;
 								border-radius: 2px 2px 0 0;
-								background: rgba(10, 87, 166, 1);
+								background: var(--color-main-active);
 							}
 							.title {
 								height: 2px;
 								margin-left: 17px;
-								color: rgba(10, 87, 166, 1);
+								color: var(--color-main-active);
 								font-family: Microsoft YaHei;
 								font-size: 16px;
 								font-weight: 700;
@@ -2612,12 +2609,12 @@ onMounted(async () => {
 								height: 16px;
 								margin-top: 4px;
 								border-radius: 2px 2px 0 0;
-								background: rgba(10, 87, 166, 1);
+								background: var(--color-main-active);
 							}
 							.title {
 								height: 2px;
 								margin-left: 17px;
-								color: rgba(10, 87, 166, 1);
+								color: var(--color-main-active);
 								font-family: Microsoft YaHei;
 								font-size: 16px;
 								font-weight: 700;
@@ -2725,7 +2722,7 @@ onMounted(async () => {
 									background: rgba(255, 247, 230, 1);
 								}
 								.name2 {
-									color: rgba(10, 87, 166, 1);
+									color: var(--color-main-active);
 									border: 1px solid rgba(145, 202, 255, 1);
 									background: rgba(230, 244, 255, 1);
 								}

src/views/marketAccessRestrictions/marketAccessLayout/case/index.vue

@@ -410,12 +410,12 @@ onMounted(() => {
             height: 16px;
             margin-top: 4px;
             border-radius: 2px 2px 0 0;
-            background: rgba(10, 87, 166, 1);
+            background: var(--color-main-active);
           }
           .title {
             height: 2px;
             margin-left: 17px;
-            color: rgba(10, 87, 166, 1);
+            color: var(--color-main-active);
             font-family: Microsoft YaHei;
             font-size: 16px;
             font-weight: 700;
@@ -440,12 +440,12 @@ onMounted(() => {
             height: 16px;
             margin-top: 4px;
             border-radius: 2px 2px 0 0;
-            background: rgba(10, 87, 166, 1);
+            background: var(--color-main-active);
           }
           .title {
             height: 2px;
             margin-left: 17px;
-            color: rgba(10, 87, 166, 1);
+            color: var(--color-main-active);
             font-family: Microsoft YaHei;
             font-size: 16px;
             font-weight: 700;
@@ -561,7 +561,7 @@ onMounted(() => {
               background: rgba(255, 247, 230, 1);
             }
             .name2 {
-              color: rgba(10, 87, 166, 1);
+              color: var(--color-main-active);
               border: 1px solid rgba(145, 202, 255, 1);
               background: rgba(230, 244, 255, 1);
             }

src/views/marketAccessRestrictions/marketAccessLayout/index.vue

@@ -223,12 +223,12 @@ onMounted(() => {});
 					line-height: 24px;
 				}
 				.textActive {
-					color: rgba(10, 87, 166, 1);
+					color: var(--color-main-active);
 					font-weight: 700;
 				}
 			}
 			.btnItemActive {
-				border-bottom: 3px solid rgba(10, 87, 166, 1);
+				border-bottom: 3px solid var(--color-main-active);
 			}
 		}
 	}

src/views/marketAccessRestrictions/marketAccessLayout/overview/232/index.vue

@@ -220,7 +220,7 @@ onMounted(() => {
 				content: "";
 				width: 4px;
 				height: 49px;
-				background: rgba(10, 87, 166, 1);
+				background: var(--color-main-active);
 				left: 0;
 				top: 15px;
 			}
@@ -238,7 +238,7 @@ onMounted(() => {
 				margin-top: 28px;
 				margin-right: 35px;
 				height: 24px;
-				color: rgba(10, 87, 166, 1);
+				color: var(--color-main-active);
 				font-family: Microsoft YaHei;
 				font-size: 30px;
 				font-weight: 700;
@@ -275,14 +275,14 @@ onMounted(() => {
 			width: 8px;
 			height: 20px;
 			border-radius: 0 4px 4px 0;
-			background: rgba(10, 87, 166, 1);
+			background: var(--color-main-active);
 		}
 		.title {
 			margin-left: 14px;
 			margin-top: 14px;
 			height: 26px;
 			line-height: 26px;
-			color: rgba(10, 87, 166, 1);
+			color: var(--color-main-active);
 			font-family: Microsoft YaHei;
 			font-size: 20px;
 			font-weight: 700;
@@ -310,9 +310,9 @@ onMounted(() => {
 				cursor: pointer;
 			}
 			.btnActive {
-				border: 1px solid rgba(10, 87, 166, 1);
+				border: 1px solid var(--color-main-active);
 				background: rgba(246, 250, 255, 1);
-				color: rgba(10, 87, 166, 1);
+				color: var(--color-main-active);
 			}
 		}
 		.header-right {

src/views/marketAccessRestrictions/marketAccessLayout/overview/301/index.vue

@@ -544,13 +544,13 @@ onMounted(() => {
 			width: 8px;
 			height: 20px;
 			border-radius: 0 4px 4px 0;
-			background: rgba(10, 87, 166, 1);
+			background: var(--color-main-active);
 		}
 		.title {
 			margin-left: 14px;
 			margin-top: 14px;
 			height: 26px;
-			color: rgba(10, 87, 166, 1);
+			color: var(--color-main-active);
 			font-family: Microsoft YaHei;
 			font-size: 20px;
 			font-weight: 700;

src/views/marketAccessRestrictions/marketAccessLayout/overview/337/index.vue

@@ -262,7 +262,7 @@ onMounted(() => {
 				content: "";
 				width: 4px;
 				height: 49px;
-				background: rgba(10, 87, 166, 1);
+				background: var(--color-main-active);
 				left: 0;
 				top: 15px;
 			}
@@ -280,7 +280,7 @@ onMounted(() => {
 				margin-top: 28px;
 				margin-right: 35px;
 				height: 24px;
-				color: rgba(10, 87, 166, 1);
+				color: var(--color-main-active);
 				font-family: Microsoft YaHei;
 				font-size: 30px;
 				font-weight: 700;
@@ -317,14 +317,14 @@ onMounted(() => {
 			width: 8px;
 			height: 20px;
 			border-radius: 0 4px 4px 0;
-			background: rgba(10, 87, 166, 1);
+			background: var(--color-main-active);
 		}
 		.title {
 			margin-left: 14px;
 			margin-top: 14px;
 			height: 26px;
 			line-height: 26px;
-			color: rgba(10, 87, 166, 1);
+			color: var(--color-main-active);
 			font-family: Microsoft YaHei;
 			font-size: 20px;
 			font-weight: 700;
@@ -351,9 +351,9 @@ onMounted(() => {
 				cursor: pointer;
 			}
 			.btnActive {
-				border: 1px solid rgba(10, 87, 166, 1);
+				border: 1px solid var(--color-main-active);
 				background: rgba(246, 250, 255, 1);
-				color: rgba(10, 87, 166, 1);
+				color: var(--color-main-active);
 			}
 		}
 		.header-right {

src/views/marketAccessRestrictions/singleCaseLayout/deepdig/232/index.vue

@@ -429,14 +429,14 @@ onMounted(() => {});
 			width: 8px;
 			height: 16px;
 			border-radius: 0 4px 4px 0;
-			background: rgba(10, 87, 166, 1);
+			background: var(--color-main-active);
 		}
 		.title {
 			margin-left: 14px;
 			margin-top: 16px;
 			height: 24px;
 			line-height: 24px;
-			color: rgba(10, 87, 166, 1);
+			color: var(--color-main-active);
 			font-family: Microsoft YaHei;
 			font-size: 18px;
 			font-weight: 700;
@@ -463,9 +463,9 @@ onMounted(() => {});
 				cursor: pointer;
 			}
 			.btnActive {
-				border: 1px solid rgba(10, 87, 166, 1);
+				border: 1px solid var(--color-main-active);
 				background: rgba(246, 250, 255, 1);
-				color: rgba(10, 87, 166, 1);
+				color: var(--color-main-active);
 			}
 		}
 		.header-right {

src/views/marketAccessRestrictions/singleCaseLayout/deepdig/337/index.vue

@@ -359,14 +359,14 @@ onMounted(() => {
       width: 8px;
       height: 16px;
       border-radius: 0 4px 4px 0;
-      background: rgba(10, 87, 166, 1);
+      background: var(--color-main-active);
     }
     .title {
       margin-left: 14px;
       margin-top: 16px;
       height: 24px;
       line-height: 24px;
-      color: rgba(10, 87, 166, 1);
+      color: var(--color-main-active);
       font-family: Microsoft YaHei;
       font-size: 18px;
       font-weight: 700;
@@ -393,9 +393,9 @@ onMounted(() => {
         cursor: pointer;
       }
       .btnActive {
-        border: 1px solid rgba(10, 87, 166, 1);
+        border: 1px solid var(--color-main-active);
         background: rgba(246, 250, 255, 1);
-        color: rgba(10, 87, 166, 1);
+        color: var(--color-main-active);
       }
     }
 		.header-right {
@@ -457,7 +457,7 @@ onMounted(() => {
           line-height: 40px;
           width: 666px;
           height: 40px;
-          color: rgba(10, 87, 166, 1);
+          color: var(--color-main-active);
           font-family: Microsoft YaHei;
           font-size: 16px;
           font-weight: 400;
@@ -509,7 +509,7 @@ onMounted(() => {
           line-height: 40px;
           width: 666px;
           height: 40px;
-          color: rgba(10, 87, 166, 1);
+          color: var(--color-main-active);
           font-family: Microsoft YaHei;
           font-size: 16px;
           font-weight: 400;
@@ -572,7 +572,7 @@ onMounted(() => {
           line-height: 40px;
           width: 666px;
           height: 40px;
-          color: rgba(10, 87, 166, 1);
+          color: var(--color-main-active);
           font-family: Microsoft YaHei;
           font-size: 16px;
           font-weight: 400;
@@ -661,7 +661,7 @@ onMounted(() => {
           line-height: 40px;
           width: 666px;
           height: 40px;
-          color: rgba(10, 87, 166, 1);
+          color: var(--color-main-active);
           font-family: Microsoft YaHei;
           font-size: 16px;
           font-weight: 400;

src/views/marketAccessRestrictions/singleCaseLayout/index.vue

@@ -158,7 +158,7 @@ onMounted(() => {});
 				border: 1px solid rgba(145, 202, 255, 1);
 				border-radius: 4px;
 				background: rgba(230, 244, 255, 1);
-				color: rgba(10, 87, 166, 1);
+				color: var(--color-main-active);
 				font-family: Microsoft YaHei;
 				font-size: 16px;
 				font-weight: 700;
@@ -193,7 +193,7 @@ onMounted(() => {});
 				height: 48px;
 				display: flex;
 				.navItemActive {
-					border-bottom: 3px solid rgba(10, 87, 166, 1);
+					border-bottom: 3px solid var(--color-main-active);
 				}
 				.nav-item {
 					display: flex;
@@ -223,7 +223,7 @@ onMounted(() => {});
 					.textActive {
 						font-size: 18px;
 						font-weight: 700;
-						color: rgba(10, 87, 166, 1);
+						color: var(--color-main-active);
 					}
 				}
 			}

src/views/marketAccessRestrictions/singleCaseLayout/overview/232/index.vue

@@ -243,14 +243,14 @@ const timeLineList = ref([
 			width: 8px;
 			height: 16px;
 			border-radius: 0 4px 4px 0;
-			background: rgba(10, 87, 166, 1);
+			background: var(--color-main-active);
 		}
 		.title {
 			margin-left: 14px;
 			margin-top: 16px;
 			height: 24px;
 			line-height: 24px;
-			color: rgba(10, 87, 166, 1);
+			color: var(--color-main-active);
 			font-family: Microsoft YaHei;
 			font-size: 18px;
 			font-weight: 700;
@@ -277,9 +277,9 @@ const timeLineList = ref([
 				cursor: pointer;
 			}
 			.btnActive {
-				border: 1px solid rgba(10, 87, 166, 1);
+				border: 1px solid var(--color-main-active);
 				background: rgba(246, 250, 255, 1);
-				color: rgba(10, 87, 166, 1);
+				color: var(--color-main-active);
 			}
 		}
 		.header-info {
@@ -415,7 +415,7 @@ const timeLineList = ref([
 						display: flex;
 						width: 240px;
 						.title {
-							color: rgba(10, 87, 166, 1);
+							color: var(--color-main-active);
 							height: 26px;
 							font-family: Microsoft YaHei;
 							font-size: 16px;
@@ -457,7 +457,7 @@ const timeLineList = ref([
 					}
 					.time {
 						height: 24px;
-						color: rgba(10, 87, 166, 1);
+						color: var(--color-main-active);
 						font-family: Microsoft YaHei;
 						font-size: 16px;
 						font-weight: 700;

src/views/marketAccessRestrictions/singleCaseLayout/overview/301/index.vue

@@ -375,14 +375,14 @@ const relatedEvents = ref([
 			width: 8px;
 			height: 16px;
 			border-radius: 0 4px 4px 0;
-			background: rgba(10, 87, 166, 1);
+			background: var(--color-main-active);
 		}
 		.title {
 			margin-left: 14px;
 			margin-top: 16px;
 			height: 24px;
 			line-height: 24px;
-			color: rgba(10, 87, 166, 1);
+			color: var(--color-main-active);
 			font-family: Microsoft YaHei;
 			font-size: 18px;
 			font-weight: 700;
@@ -409,9 +409,9 @@ const relatedEvents = ref([
 				cursor: pointer;
 			}
 			.btnActive {
-				border: 1px solid rgba(10, 87, 166, 1);
+				border: 1px solid var(--color-main-active);
 				background: rgba(246, 250, 255, 1);
-				color: rgba(10, 87, 166, 1);
+				color: var(--color-main-active);
 			}
 		}
 		.header-info {

src/views/marketAccessRestrictions/singleCaseLayout/overview/337/index.vue

@@ -290,14 +290,14 @@ const caseList = ref([
 			width: 8px;
 			height: 16px;
 			border-radius: 0 4px 4px 0;
-			background: rgba(10, 87, 166, 1);
+			background: var(--color-main-active);
 		}
 		.title {
 			margin-left: 14px;
 			margin-top: 16px;
 			height: 24px;
 			line-height: 24px;
-			color: rgba(10, 87, 166, 1);
+			color: var(--color-main-active);
 			font-family: Microsoft YaHei;
 			font-size: 18px;
 			font-weight: 700;
@@ -324,9 +324,9 @@ const caseList = ref([
 				cursor: pointer;
 			}
 			.btnActive {
-				border: 1px solid rgba(10, 87, 166, 1);
+				border: 1px solid var(--color-main-active);
 				background: rgba(246, 250, 255, 1);
-				color: rgba(10, 87, 166, 1);
+				color: var(--color-main-active);
 			}
 		}
 		.header-info {
@@ -443,7 +443,7 @@ const caseList = ref([
 								height: 24px;
 								margin-left: 16px;
 								margin-top: 6px;
-								color: rgba(10, 87, 166, 1);
+								color: var(--color-main-active);
 								font-family: Microsoft YaHei;
 								font-size: 16px;
 								font-weight: 700;
@@ -453,7 +453,7 @@ const caseList = ref([
 								height: 24px;
 								margin-left: 16px;
 								margin-top: 6px;
-								color: rgba(10, 87, 166, 1);
+								color: var(--color-main-active);
 								font-family: Microsoft YaHei;
 								font-size: 16px;
 								font-weight: 400;
@@ -488,7 +488,7 @@ const caseList = ref([
 						text-align: center;
 						line-height: 48px;
 						background: rgba(231, 243, 255, 1);
-						color: rgba(10, 87, 166, 1);
+						color: var(--color-main-active);
 						font-family: Microsoft YaHei;
 						font-size: 14px;
 						font-weight: 700;
@@ -549,7 +549,7 @@ const caseList = ref([
 						margin-top: 2px;
 						margin-left: 13px;
 						width: 941px;
-						color: rgba(10, 87, 166, 1);
+						color: var(--color-main-active);
 						font-family: Microsoft YaHei;
 						font-size: 16px;
 						font-weight: 400;

src/views/overView/index.vue

@@ -157,7 +157,7 @@
 										{{ item.title }}
 									</div>
 									<div class="news-box-title-small">
-										{{ item.time + item.publier }}
+										{{ item.time + ' · ' + item.publier }}
 									</div>
 								</div>
 							</div>
@@ -937,8 +937,8 @@ onMounted(() => {});
 					}
 
 					.news-box-title-small {
+						height: 22px;
 						color: rgba(95, 101, 108, 1);
-
 						font-family: Microsoft YaHei;
 						font-size: 14px;
 						font-weight: 400;

src/views/portals/components/PieProgress.vue

@@ -54,7 +54,7 @@ onMounted(() => {
   font-size: 16px;
   font-weight: 400;
   margin-top: 2px;
-  color: rgba(10, 87, 166, 1);
+  color: var(--color-main-active);
 }
 .slope {
   width: 68px;

src/views/portals/portal1/index.vue

@@ -62,8 +62,8 @@
 				@more-click="moreClick"
 				title="科技动态"
 				:style="{ width: '792px', height: '360px' }"
-				title-background-color="rgba(10, 87, 166, 1)"
-				line-color="rgba(10, 87, 166, 1)"
+				title-background-color="var(--color-main-active)"
+				line-color="var(--color-main-active)"
 			>
 				<template #icon>
 					<div class="icon icon2"></div>
@@ -78,8 +78,8 @@
 				@more-click="moreClick"
 				title="科技政策"
 				:style="{ width: '792px', height: '360px', marginLeft: '16px' }"
-				title-background-color="rgba(10, 87, 166, 1)"
-				line-color="rgba(10, 87, 166, 1)"
+				title-background-color="var(--color-main-active)"
+				line-color="var(--color-main-active)"
 			>
 				<template #icon>
 					<div class="icon icon3"></div>
@@ -116,8 +116,8 @@
 				@more-click="moreClick"
 				title="最新报告"
 				:style="{ width: '1600px', height: '360px' }"
-				title-background-color="rgba(10, 87, 166, 1)"
-				line-color="rgba(10, 87, 166, 1)"
+				title-background-color="var(--color-main-active)"
+				line-color="var(--color-main-active)"
 			>
 				<template #icon>
 					<div class="icon icon4"></div>
@@ -997,7 +997,7 @@ const catdList = ref([
 	},
 	{
 		title: "后台服务管理",
-		bgColor: "rgba(10, 87, 166, 1)",
+		bgColor: "var(--color-main-active)",
 		list: [
 			{
 				title: "界面配置管理",

src/views/portals/portal2/index.vue

@@ -50,8 +50,8 @@
 				@more-click="moreClick"
 				title="科技动态"
 				:style="{ width: '792px', height: '360px' }"
-				title-background-color="rgba(10, 87, 166, 1)"
-				line-color="rgba(10, 87, 166, 1)"
+				title-background-color="var(--color-main-active)"
+				line-color="var(--color-main-active)"
 			>
 				<template #icon>
 					<div class="icon icon2"></div>
@@ -66,8 +66,8 @@
 				@more-click="moreClick"
 				title="科技政策"
 				:style="{ width: '792px', height: '360px', marginLeft: '16px' }"
-				title-background-color="rgba(10, 87, 166, 1)"
-				line-color="rgba(10, 87, 166, 1)"
+				title-background-color="var(--color-main-active)"
+				line-color="var(--color-main-active)"
 			>
 				<template #icon>
 					<div class="icon icon3"></div>
@@ -104,8 +104,8 @@
 				@more-click="moreClick"
 				title="最新报告"
 				:style="{ width: '1600px', height: '360px' }"
-				title-background-color="rgba(10, 87, 166, 1)"
-				line-color="rgba(10, 87, 166, 1)"
+				title-background-color="var(--color-main-active)"
+				line-color="var(--color-main-active)"
 			>
 				<template #icon>
 					<div class="icon icon4"></div>
@@ -543,7 +543,7 @@ const catdList = ref([
 	},
 	{
 		title: "后台服务管理",
-		bgColor: "rgba(10, 87, 166, 1)",
+		bgColor: "var(--color-main-active)",
 		list: [
 			{
 				title: "界面配置管理",

src/views/riskSignal/index.vue

@@ -680,12 +680,12 @@ onMounted(async () => {
                 height: 16px;
                 margin-top: 4px;
                 border-radius: 2px 2px 0 0;
-                background: rgba(10, 87, 166, 1);
+                background: var(--color-main-active);
               }
               .title {
                 height: 2px;
                 margin-left: 17px;
-                color: rgba(10, 87, 166, 1);
+                color: var(--color-main-active);
                 font-family: Microsoft YaHei;
                 font-size: 16px;
                 font-weight: 700;

src/views/technologyFigures/index.vue

@@ -630,7 +630,7 @@ onMounted(async () => {
 								height: 53px;
 								margin-left: 18px;
 								color: #fff;
-								background: rgba(10, 87, 166, 1);
+								background: var(--color-main-active);
 								font-family: Microsoft YaHei;
 								font-size: 20px;
 								font-weight: 700;
@@ -1298,12 +1298,12 @@ onMounted(async () => {
 								height: 16px;
 								margin-top: 4px;
 								border-radius: 2px 2px 0 0;
-								background: rgba(10, 87, 166, 1);
+								background: var(--color-main-active);
 							}
 							.title {
 								height: 2px;
 								margin-left: 17px;
-								color: rgba(10, 87, 166, 1);
+								color: var(--color-main-active);
 								font-family: Microsoft YaHei;
 								font-size: 16px;
 								font-weight: 700;
@@ -1328,12 +1328,12 @@ onMounted(async () => {
 								height: 16px;
 								margin-top: 4px;
 								border-radius: 2px 2px 0 0;
-								background: rgba(10, 87, 166, 1);
+								background: var(--color-main-active);
 							}
 							.title {
 								height: 2px;
 								margin-left: 17px;
-								color: rgba(10, 87, 166, 1);
+								color: var(--color-main-active);
 								font-family: Microsoft YaHei;
 								font-size: 16px;
 								font-weight: 700;
@@ -1440,7 +1440,7 @@ onMounted(async () => {
 									background: rgba(255, 247, 230, 1);
 								}
 								.name2 {
-									color: rgba(10, 87, 166, 1);
+									color: var(--color-main-active);
 									border: 1px solid rgba(145, 202, 255, 1);
 									background: rgba(230, 244, 255, 1);
 								}

src/views/thinkTank copy/index.vue

@@ -619,7 +619,7 @@ onMounted(async () => {
 								height: 53px;
 								margin-left: 18px;
 								color: #fff;
-								background: rgba(10, 87, 166, 1);
+								background: var(--color-main-active);
 								font-family: Microsoft YaHei;
 								font-size: 20px;
 								font-weight: 700;
@@ -1287,12 +1287,12 @@ onMounted(async () => {
 								height: 16px;
 								margin-top: 4px;
 								border-radius: 2px 2px 0 0;
-								background: rgba(10, 87, 166, 1);
+								background: var(--color-main-active);
 							}
 							.title {
 								height: 2px;
 								margin-left: 17px;
-								color: rgba(10, 87, 166, 1);
+								color: var(--color-main-active);
 								font-family: Microsoft YaHei;
 								font-size: 16px;
 								font-weight: 700;
@@ -1317,12 +1317,12 @@ onMounted(async () => {
 								height: 16px;
 								margin-top: 4px;
 								border-radius: 2px 2px 0 0;
-								background: rgba(10, 87, 166, 1);
+								background: var(--color-main-active);
 							}
 							.title {
 								height: 2px;
 								margin-left: 17px;
-								color: rgba(10, 87, 166, 1);
+								color: var(--color-main-active);
 								font-family: Microsoft YaHei;
 								font-size: 16px;
 								font-weight: 700;
@@ -1429,7 +1429,7 @@ onMounted(async () => {
 									background: rgba(255, 247, 230, 1);
 								}
 								.name2 {
-									color: rgba(10, 87, 166, 1);
+									color: var(--color-main-active);
 									border: 1px solid rgba(145, 202, 255, 1);
 									background: rgba(230, 244, 255, 1);
 								}

src/views/thinkTank/ThinkTankDetail/thinkInfo/index.vue

@@ -685,7 +685,7 @@ onMounted(() => {
 						display: flex;
 						width: 240px;
 						.title {
-							color: rgba(10, 87, 166, 1);
+							color: var(--color-main-active);
 							height: 26px;
 							font-family: Microsoft YaHei;
 							font-size: 16px;

src/views/thinkTank/index.vue

@@ -414,6 +414,8 @@ import router from "@/router";
 import DivideHeader from "@/components/DivideHeader.vue";
 import setChart from "@/utils/setChart";
 
+import { getThinkTankList, getThinkTankRiskSignal } from "@/api/thinkTank/overview";
+
 import getMultiLineChart from "./utils/multiLineChart";
 import getPieChart from "./utils/piechart";
 import getRadarChart from "./utils/radarChart";
@@ -513,96 +515,96 @@ const filters = reactive({
 });
 
 const cardList = ref([
-	{
-		id: 1,
-		logo: Logo1,
-		rank: 1,
-		name: "兰德科技智库",
-		country: "美国",
-		desc: "全球顶尖政策研究机构，专注于国家安全、科技政策、医疗卫生、能源政策、公共安全等领域的研究。 ",
-		tagList: [
-			{
-				name: "国家安全",
-				status: 2
-			},
-			{
-				name: "科技政策",
-				status: 4
-			}
-		]
-	},
-	{
-		id: 2,
-		logo: Logo2,
-		rank: 2,
-		name: "布鲁金斯学会",
-		country: "美国",
-		desc: "专注于全球经济与发展、外交政策、都市政策、治理研究等领域，是美国最具影响力的智库之一。",
-		tagList: [
-			{
-				name: "经济政策",
-				status: 3
-			},
-			{
-				name: "公共政策",
-				status: 1
-			}
-		]
-	},
-	{
-		id: 3,
-		logo: Logo3,
-		rank: 3,
-		name: "麦肯锡全球研究院",
-		country: "美国",
-		desc: "专注于国际安全、国防、区域研究、能源与气候变化等领域，以其强硬的安全政策立场著称。 ",
-		tagList: [
-			{
-				name: "国际安全",
-				status: 2
-			},
-			{
-				name: "国防政策",
-				status: 4
-			}
-		]
-	},
-	{
-		id: 4,
-		logo: Logo4,
-		rank: 4,
-		name: "麻省理工学院科技评论",
-		country: "美国",
-		desc: "全球顶尖政策研究机构，专注于国家安全、科技政策、医疗卫生、能源政策、公共安全等领域的研究。 ",
-		tagList: [
-			{
-				name: "公共政策",
-				status: 2
-			},
-			{
-				name: "国际关系",
-				status: 4
-			}
-		]
-	},
-	{
-		id: 5,
-		logo: Logo5,
-		rank: 5,
-		name: "信息技术与创新基金会",
-		country: "美国",
-		desc: "专注于国内外公共政策、国际关系等领域，是美国最具影响力的官方智库之一。 ",
-		tagList: [
-			{
-				name: "公共政策",
-				status: 2
-			},
-			{
-				name: "国家安全",
-				status: 4
-			}
-		]
-	}
+	// {
+	// 	id: 1,
+	// 	logo: Logo1,
+	// 	rank: 1,
+	// 	name: "兰德科技智库",
+	// 	country: "美国",
+	// 	desc: "全球顶尖政策研究机构，专注于国家安全、科技政策、医疗卫生、能源政策、公共安全等领域的研究。 ",
+	// 	tagList: [
+	// 		{
+	// 			name: "国家安全",
+	// 			status: 2
+	// 		},
+	// 		{
+	// 			name: "科技政策",
+	// 			status: 4
+	// 		}
+	// 	]
+	// },
+	// {
+	// 	id: 2,
+	// 	logo: Logo2,
+	// 	rank: 2,
+	// 	name: "布鲁金斯学会",
+	// 	country: "美国",
+	// 	desc: "专注于全球经济与发展、外交政策、都市政策、治理研究等领域，是美国最具影响力的智库之一。",
+	// 	tagList: [
+	// 		{
+	// 			name: "经济政策",
+	// 			status: 3
+	// 		},
+	// 		{
+	// 			name: "公共政策",
+	// 			status: 1
+	// 		}
+	// 	]
+	// },
+	// {
+	// 	id: 3,
+	// 	logo: Logo3,
+	// 	rank: 3,
+	// 	name: "麦肯锡全球研究院",
+	// 	country: "美国",
+	// 	desc: "专注于国际安全、国防、区域研究、能源与气候变化等领域，以其强硬的安全政策立场著称。 ",
+	// 	tagList: [
+	// 		{
+	// 			name: "国际安全",
+	// 			status: 2
+	// 		},
+	// 		{
+	// 			name: "国防政策",
+	// 			status: 4
+	// 		}
+	// 	]
+	// },
+	// {
+	// 	id: 4,
+	// 	logo: Logo4,
+	// 	rank: 4,
+	// 	name: "麻省理工学院科技评论",
+	// 	country: "美国",
+	// 	desc: "全球顶尖政策研究机构，专注于国家安全、科技政策、医疗卫生、能源政策、公共安全等领域的研究。 ",
+	// 	tagList: [
+	// 		{
+	// 			name: "公共政策",
+	// 			status: 2
+	// 		},
+	// 		{
+	// 			name: "国际关系",
+	// 			status: 4
+	// 		}
+	// 	]
+	// },
+	// {
+	// 	id: 5,
+	// 	logo: Logo5,
+	// 	rank: 5,
+	// 	name: "信息技术与创新基金会",
+	// 	country: "美国",
+	// 	desc: "专注于国内外公共政策、国际关系等领域，是美国最具影响力的官方智库之一。 ",
+	// 	tagList: [
+	// 		{
+	// 			name: "公共政策",
+	// 			status: 2
+	// 		},
+	// 		{
+	// 			name: "国家安全",
+	// 			status: 4
+	// 		}
+	// 	]
+	// }
 ]);
 
 // 返回首页
@@ -992,7 +994,43 @@ const box8YearList = ref([
 	}
 ]);
 
+// 获取智库列表
+const handleGetThinkTankList = async () => {
+	try {
+		const res = await getThinkTankList();
+		console.log("智库列表", res);
+		if (res.code === 200 && res.data) {
+			cardList.value = res.data.map(item => {
+				return {
+					id: item.id,
+					logo: item.imageUrl,
+					name: item.name,
+					tagList: item.tags,
+					country: item.country,
+					desc: item.describe,
+					rank: item.id
+				};
+			});
+		}
+	} catch (error) {
+		console.error("获取智库列表error", error);
+	}
+};
+
+// 获取智库风险信号
+const handleGetThinkTankRiskSignal = async () => {
+	try {
+		const res = await getThinkTankRiskSignal()
+		console.log('智库风险信号',res);
+		
+	} catch (error) {
+		console.error("获取智库风险信号error", error);
+	}
+}
+
 onMounted(async () => {
+	handleGetThinkTankList();
+	handleGetThinkTankRiskSignal()
 	let box5Chart = getMultiLineChart(
 		chart1Data.value.title,
 		chart1Data.value.data[0].value,
@@ -1266,6 +1304,11 @@ onMounted(async () => {
 						line-height: 22px;
 						letter-spacing: 0px;
 						text-align: justify;
+						display: -webkit-box;
+						-webkit-box-orient: vertical;
+						-webkit-line-clamp: 3;
+						overflow: hidden;
+						text-overflow: ellipsis;
 					}
 					.tag-box {
 						margin: 0 20px;