diff --git a/src/assets/layout/header-logo-new.jpg b/src/assets/layout/header-logo-new.jpg
new file mode 100644
index 0000000..2b09308
Binary files /dev/null and b/src/assets/layout/header-logo-new.jpg differ
diff --git a/src/assets/layout/headerno-logo-new.png b/src/assets/layout/headerno-logo-new.png
new file mode 100644
index 0000000..aac07b7
Binary files /dev/null and b/src/assets/layout/headerno-logo-new.png differ
diff --git a/src/layout/Header.js b/src/layout/Header.js
index 327768c..8878bb4 100644
--- a/src/layout/Header.js
+++ b/src/layout/Header.js
@@ -532,7 +532,7 @@ function Header(props) {
         <PictureThumb
           thumbCodes={thumbCode ? [thumbCode] : []}
           thumbConfigs={[{ target: thumbCode }]}
-          defaultThumb={require("../assets/layout/header-logo.png")}
+          defaultThumb={require("../assets/layout/headerno-logo-new.png")}
           className="header__left-logo"
         />
         {isMobile ? (
diff --git a/src/routes/GroupHome.js b/src/routes/GroupHome.js
index a870d72..7da9a1a 100644
--- a/src/routes/GroupHome.js
+++ b/src/routes/GroupHome.js
@@ -100,6 +100,9 @@ class GroupHome extends React.Component {
       standardScoreNaN: [],
       visible: false,
       safetySloganOne: "",
+      animationDuration: 20,
+      sliderColor:'#de4e58',
+      sliderSize:'24px',
       safetySloganTwo: "",
       noticeTitle: "",
       tmpData: {},
@@ -263,6 +266,7 @@ class GroupHome extends React.Component {
       },
     ];
     this.getTeam();
+    this.getHomeTitle()
     //定时器功能，暂时不开启
     this.timerID = setInterval(
       () => this.getBaseInfoData(1, this.state.tableKey, 5),
@@ -502,46 +506,31 @@ class GroupHome extends React.Component {
       },
     });
   };
+  getHomeTitle = () => {
+    var orgId = storage("lacal").getItem("webOrgId")?.val; //登录后有存储登录信息
+    let json = initFilter(orgId);
+    this.props.dispatch({
+      type: "app/getDataByPost",
+      payload: json,
+      url: "PF/HomeTitle/OrderPaged",
+      onComplete: (ret) => {
+        if (ret) {
+          this.setState({
+            safetySloganOne: ret[0].TITLE,
+            // safetySloganOne: "1.安全方针：以人为本、关注健康、依法治企、安全发展。   2.安全理念：一切风险皆可控，一切事故皆可防！3.安全方针：以人为本、关注健康、依法治企、安全发展。4.安全方针：以人为本、关注健康、依法治企、安全发展。5.安全方针：以人为本、关注健康、依法治企、安全发展。   6.安全理念：一切风险皆可控，一切事故皆可防！7.安全方针：以人为本、关注健康、依法治企、安全发展。8.安全方针：以人为本、关注健康、依法治企、安全发展。",
+            animationDuration: ret[0].SECOND,
+            sliderColor:ret[0].COCOR,
+            sliderSize:ret[0].FONTSIZE
+
+          });
+        }
+      },
+    });
+  }
 
   getTeam = () => {
     var userId = storage("lacal").getItem("userid")?.val; //登录后有存储登录信息
     var orgId = storage("lacal").getItem("webOrgId")?.val; //登录后有存储登录信息
-    // 龙岩稀土
-    if (orgId == "8f1cf418-8bf3-ea3f-7a6d-fc5d61247008") {
-      this.setState({
-        safetySloganOne: "安全方针：以人为本、关注健康、依法治企、安全发展。",
-      });
-    }
-    // 都昌金鼎
-    else if (orgId == "8b3c41aa-51b1-7ce9-1879-248a038c1b5c") {
-      this.setState({
-        safetySloganOne: "安全方针：安全第一，预防为主，科学管理，持续改进。",
-        mineType: localStorage.getItem("currentMineType")
-      });
-    }
-    //洛阳豫璐
-    else if (orgId == "d9871ba8-0eec-9e4a-bb87-7d5a540d8913") {
-      this.setState({
-        safetySloganOne: "安全方针：科技、安全、环保、效益。",
-      });
-    }
-    //博柏
-    else if (orgId == "3efd5276-632b-e379-9ff3-7a7546591fca") {
-      this.setState({
-        safetySloganOne: "安全方针：安全第一、综合治理、控制风险、科学发展",
-        mineType: localStorage.getItem("currentMineType")
-      });
-    }
-    //行洛坑
-    else {
-      this.setState({
-        safetySloganOne: "安全方针：安全第一、综合治理、控制风险、科学发展",
-        mineType: localStorage.getItem("currentMineType")
-      });
-    }
-    this.setState({
-      safetySloganTwo: "安全理念：一切风险皆可控，一切事故皆可防！",
-    });
     let json = initFilter(orgId);
     extendRule(json, "ID", 1, userId);
     extendInclude(json, "Nav_Department");
@@ -1390,9 +1379,9 @@ class GroupHome extends React.Component {
         ? "尾矿库"
         : this.state.mineType == 10
           ? "选矿厂"
-          :this.state.mineType == 31
-           ? "职能口": this.state.mineType == 32?"非金属"
-           : "露天矿";
+          : this.state.mineType == 31
+            ? "职能口" : this.state.mineType == 32 ? "非金属"
+              : "露天矿";
     if (formCode == "BI054_HOMEDETAIL") {
       titleTemp += "安全检查次数统计（近12月）";
     } else if (formCode == "BI055_HOMEDETAIL") {
@@ -1451,6 +1440,9 @@ class GroupHome extends React.Component {
       className: styles.slideHeight,
       fade: true,
     };
+    // 在render方法中添加动态样式计算
+    const { safetySloganOne, animationDuration,sliderColor,sliderSize } = this.state;
+
     const rowSelection = {
       onChange: (selectedRowKeys, selectedRows) => {
         this.state.taskSelects = selectedRows;
@@ -1609,11 +1601,16 @@ class GroupHome extends React.Component {
                     <div className="slide-icon-style">
                       <Icon type="sound" style={{ fontSize: "28px" }}></Icon>
                     </div>
-                    <div className="slide-style">
+                    <div
+                      className="slide-style"
+                      style={{
+                        '--animation-duration': `${animationDuration}s`, // 动态设置动画时长
+                        '--slider-color': `${sliderColor}`, // 动态设置颜色
+                        '--slider-size': `${sliderSize}px`, // 动态设置颜色
+                      }}
+                    >
                       <p className="slide-text-style">
-                        {this.state.safetySloganOne}
-                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-                        {this.state.safetySloganTwo}
+                        {safetySloganOne || '暂无公告'}
                       </p>
                     </div>
                   </div>
diff --git a/src/routes/Home.js b/src/routes/Home.js
index 03fabfb..7390355 100644
--- a/src/routes/Home.js
+++ b/src/routes/Home.js
@@ -87,8 +87,7 @@ const contentStyle = {
   background: "#364d79",
 };
 
-
-class Home extends React.Component {
+class GroupHome extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
@@ -101,6 +100,9 @@ class Home extends React.Component {
       standardScoreNaN: [],
       visible: false,
       safetySloganOne: "",
+      animationDuration: 20,
+      sliderColor:'#de4e58',
+      sliderSize:'24px',
       safetySloganTwo: "",
       noticeTitle: "",
       tmpData: {},
@@ -208,8 +210,7 @@ class Home extends React.Component {
   }
 
   componentDidMount() {
-
-    if (localStorage.getItem("webOrgId") == '00300000-0000-0000-0000-000000000000') {
+   if (localStorage.getItem("webOrgId") == '00300000-0000-0000-0000-000000000000') {
         this.props.history.replace('/grouphome')
       // props.history.push({ pathname: "/grouphome" });
     }
@@ -265,6 +266,7 @@ class Home extends React.Component {
       },
     ];
     this.getTeam();
+    this.getHomeTitle()
     //定时器功能，暂时不开启
     this.timerID = setInterval(
       () => this.getBaseInfoData(1, this.state.tableKey, 5),
@@ -504,46 +506,31 @@ class Home extends React.Component {
       },
     });
   };
+  getHomeTitle = () => {
+    var orgId = storage("lacal").getItem("webOrgId")?.val; //登录后有存储登录信息
+    let json = initFilter(orgId);
+    this.props.dispatch({
+      type: "app/getDataByPost",
+      payload: json,
+      url: "PF/HomeTitle/OrderPaged",
+      onComplete: (ret) => {
+        if (ret) {
+          this.setState({
+            safetySloganOne: ret[0].TITLE,
+            // safetySloganOne: "1.安全方针：以人为本、关注健康、依法治企、安全发展。   2.安全理念：一切风险皆可控，一切事故皆可防！3.安全方针：以人为本、关注健康、依法治企、安全发展。4.安全方针：以人为本、关注健康、依法治企、安全发展。5.安全方针：以人为本、关注健康、依法治企、安全发展。   6.安全理念：一切风险皆可控，一切事故皆可防！7.安全方针：以人为本、关注健康、依法治企、安全发展。8.安全方针：以人为本、关注健康、依法治企、安全发展。",
+            animationDuration: ret[0].SECOND,
+            sliderColor:ret[0].COCOR,
+            sliderSize:ret[0].FONTSIZE
+
+          });
+        }
+      },
+    });
+  }
 
   getTeam = () => {
     var userId = storage("lacal").getItem("userid")?.val; //登录后有存储登录信息
     var orgId = storage("lacal").getItem("webOrgId")?.val; //登录后有存储登录信息
-    // 龙岩稀土
-    if (orgId == "8f1cf418-8bf3-ea3f-7a6d-fc5d61247008") {
-      this.setState({
-        safetySloganOne: "安全方针：以人为本、关注健康、依法治企、安全发展。",
-      });
-    }
-    // 都昌金鼎
-    else if (orgId == "8b3c41aa-51b1-7ce9-1879-248a038c1b5c") {
-      this.setState({
-        safetySloganOne: "安全方针：安全第一，预防为主，科学管理，持续改进。",
-        mineType: localStorage.getItem("currentMineType")
-      });
-    }
-    //洛阳豫璐
-    else if (orgId == "d9871ba8-0eec-9e4a-bb87-7d5a540d8913") {
-      this.setState({
-        safetySloganOne: "安全方针：科技、安全、环保、效益。",
-      });
-    }
-    //博柏
-    else if (orgId == "3efd5276-632b-e379-9ff3-7a7546591fca") {
-      this.setState({
-        safetySloganOne: "安全方针：安全第一、综合治理、控制风险、科学发展",
-        mineType: localStorage.getItem("currentMineType")
-      });
-    }
-    //行洛坑
-    else {
-      this.setState({
-        safetySloganOne: "安全方针：安全第一、综合治理、控制风险、科学发展",
-        mineType: localStorage.getItem("currentMineType")
-      });
-    }
-    this.setState({
-      safetySloganTwo: "安全理念：一切风险皆可控，一切事故皆可防！",
-    });
     let json = initFilter(orgId);
     extendRule(json, "ID", 1, userId);
     extendInclude(json, "Nav_Department");
@@ -1453,6 +1440,9 @@ class Home extends React.Component {
       className: styles.slideHeight,
       fade: true,
     };
+    // 在render方法中添加动态样式计算
+    const { safetySloganOne, animationDuration,sliderColor,sliderSize } = this.state;
+
     const rowSelection = {
       onChange: (selectedRowKeys, selectedRows) => {
         this.state.taskSelects = selectedRows;
@@ -1611,11 +1601,16 @@ class Home extends React.Component {
                     <div className="slide-icon-style">
                       <Icon type="sound" style={{ fontSize: "28px" }}></Icon>
                     </div>
-                    <div className="slide-style">
+                    <div
+                      className="slide-style"
+                      style={{
+                        '--animation-duration': `${animationDuration}s`, // 动态设置动画时长
+                        '--slider-color': `${sliderColor}`, // 动态设置颜色
+                        '--slider-size': `${sliderSize}px`, // 动态设置颜色
+                      }}
+                    >
                       <p className="slide-text-style">
-                        {this.state.safetySloganOne}
-                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-                        {this.state.safetySloganTwo}
+                        {safetySloganOne || '暂无公告'}
                       </p>
                     </div>
                   </div>
@@ -2170,4 +2165,4 @@ class Home extends React.Component {
     );
   }
 }
-export default connect(({ login, app }) => ({ login, app }))(Home);
+export default connect(({ login, app }) => ({ login, app }))(GroupHome);
diff --git a/src/routes/dashboard.css b/src/routes/dashboard.css
index d20a4b2..7de966c 100644
--- a/src/routes/dashboard.css
+++ b/src/routes/dashboard.css
@@ -1,344 +1,387 @@
 /* 工作台调整样式 */
-:global(.dashboard-div-style){
-    height: 100%;
-    width:100%;
-    border-radius:10px;
-    background-color:white;
-    min-height: 20px;
-  }
-  :global(.redTableCell){
-    background: #e6f7ff;
-  }
-  :global(.bi001-table){
-     :global(.ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td){
+:global(.dashboard-div-style) {
+  height: 100%;
+  width: 100%;
+  border-radius: 10px;
+  background-color: white;
+  min-height: 20px;
+}
+
+:global(.redTableCell) {
+  background: #e6f7ff;
+}
+
+:global(.bi001-table) {
+  :global(.ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td) {
     background: #fff;
   }
+}
+
+:global(.slide-style) {
+  /* position: absolute; */
+  top: 0;
+  left: 0;
+  width: auto;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  color: var(--slider-color);
+  font-weight: bold;
+  overflow: hidden;
+  flex: 1;
+
+}
+
+:global(.slide-icon-style) {
+  /* padding: 0px 20px; */
+  margin-right: 10px;
+  display: flex;
+  align-items: center;
+
+}
+
+:global(.slide-content) {
+  overflow: hidden;
+  position: relative;
+  height: 50px;
+  line-height: 50px;
+  /* 固定高度 */
+  background-color: #ffffff;
+  /* 背景色 */
+  border-radius: 4px;
+  margin-bottom: 10px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 0 30px;
+}
+
+:global(.slide-text-style) {
+  white-space: nowrap;
+  align-items: center;
+  /* 禁止换行 */
+  padding: 0 16px;
+  font-size: var(--slider-size);
+  animation: slide-text-style var(--animation-duration) linear infinite;
+  margin-top: 1em;
+}
+
+@keyframes slide-text-style {
+  0% {
+    transform: translateX(100%);
+    -webkit-transform: translateX(100%);
   }
 
-  :global(.slide-style){
-    /* margin-bottom: 10px; */
-    font-size: 24px;
-    font-weight: bold;
-    color:#de4e58;
-    /* -webkit-text-stroke: #E38C7A 1px; */
-    /* padding-left:30px; */
-    flex: 1;
-    overflow: hidden;
-    display: flex;
-    align-items: center;
-  
-  }
-  :global(.slide-icon-style){
-    /* padding: 0px 20px; */
-    margin-right: 10px;
-    display: flex;
-    align-items: center;
-    
-  }
-  
-  :global(.slide-content){
-    margin-bottom: 10px;
-    background: #ffffff;
-    /* padding-left:30px; */
-    padding: 0px 30px;
-    box-sizing: border-box;
-    border-radius:4px;
-    height:50px;
-    line-height:50px;
-    /* border:1px solid red; */
-    /* overflow:hidden; */
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    box-shadow: 2px 1px 8px 1px rgb(228, 232, 235);
-    /* min-width: 100px; */
-  }
-  
-  :global(.slide-text-style){
-    position:relative;
-    display:inline-block;
-    white-space:nowrap;
-    animation: slide-text-style 20s linear 1s infinite ;
-    width:'auto';
-    align-items: center;
-    margin-top: 1em;
-  }
-  
-  @keyframes slide-text-style{
-    0%{margin-left:100%;}
-  100%{margin-left:-1200px;}
-  }
-  
-  
-  :global(.slick-prev){
-    padding: 2px 0px 0px 0px !important;
-  }
-  :global(.slick-next){
-    padding: 2px 0px 0px 0px !important;
-  }
-  :global(.slick-dots){
-    position: absolute!important;
-    bottom: 20px!important;
-    z-index: 100;
-  }
-  :global(.slick-prev){
-    background-color: rgb(50,150,250) !important;
-    left: 8px !important;
-    z-index: 100 !important;
-    border-radius: 50%;
-  }
-  :global(.slick-next){
-    background-color: rgb(50,150,250) !important;
-    right: 8px !important;
-    z-index: 100 !important;
-    border-radius: 50%;
-  }
-  
-  :global(.score-title-style){
-    font-size: 14pt;
-    padding-top: 18px;
-    color: red;
-    text-align: center;
-    min-width: 110px;
-  }
-  
-  :global(.score-num-style){
-    font-size: 60pt;
-    font-weight: bold;
-    margin-top: 14px;
-    color: white;
-    text-align: center;  
-  }
-  
-  :global(.score-icon-style){
-      font-size: 30pt;
-      margin-top: -64px;
-      color: white;
-      float: right;
-  }
-  
-  :global(.backlog-title-style){
-    font-size: 14pt;
-    margin-left: 22px;
-    padding-top: 10px;
-    color: white;
-    margin-bottom: 20px;
-    /* min-width: 120px; */
-  }
-  :global(.backlog-icontitle-style){
-    font-size: 32px;
-    margin-left: 22px;
-    /* padding-top: 10px; */
-    color: white;
-    /* min-width: 120px; */
-    margin-top: 22px;
-  }
-  :global(.backlog-icontitle-style1){
-    font-size: 32px;
-    margin-left: 24px;
-    /* padding-top: 10px; */
-    color: white;
-    /* min-width: 120px; */
-    margin-top: 22px;
-  }
-  :global(.backlog-icontitle-style2){
-    font-size: 32px;
-    margin-left: 18px;
-    /* padding-top: 10px; */
-    color: white;
-    /* min-width: 120px; */
-    margin-top: 22px;
-  }
-  :global(.backlog-icontitle-style3){
-    font-size: 32px;
-    margin-left: 22px;
-    /* padding-top: 10px; */
-    color: white;
-    /* min-width: 120px; */
-    margin-top: 22px;
-  }
-  :global(.backlog-icontitle-style4){
-    font-size: 32px;
-    margin-left: 18px;
-    /* padding-top: 10px; */
-    color: white;
-    /* min-width: 120px; */
-    margin-top: 22px;
-  }
-  :global(.backlog-icon-score){
-    font-size: 32px;
-    /* margin-left: 22px; */
-    /* padding-top: 10px; */
-    color: white;
-    /* min-width: 120px; */
-    /* margin-top: 22px; */
-  }
- 
-  :global(.backlog-title-score){
-    font-size: 14pt;
-    margin-left: 12px;
-    /* padding-top: 10px; */
-    color: white;
-    /* min-width: 120px; */
-  }
- 
-  :global(.backlog-scoretitle-style){
-    font-size: 32px;
-    /* margin-left: 22px; */
-    /* padding-top: 10px; */
-    color: white;
-    /* min-width: 120px; */
-    /* margin-top: 20px; */
-    margin: 9px 0px 9px 22px;
-  }
-  :global(.backlog-score-wrap){
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: center;
-    margin: 20px 0px 0px 0px;            
-  }
-  
-  
-  :global(.backlog-icon-title){
-    font-size: 14pt;
-    margin-left: 10px;
-    /* padding-top: 10px; */
-    color: #333333;
-    /* min-width: 120px; */
-    /* margin-top: 22px; */
-    display: flex;
-    align-items: center;
-  }
-  :global(.backlog-background-style){
-    background: linear-gradient(135deg,  #75baf3,#2177d5);
-  }
-  :global(.backlog-background-style1){
-    background: linear-gradient(135deg,  #ffa94d,#f76707);
-  }
-  :global(.backlog-background-style2){
-    background:linear-gradient(135deg,  #99ca6e,#48a447);   
-    /* linear-gradient(135deg,  #aab5e2,#5f6ac2);  */
-  }
-  :global(.backlog-background-style3){
-    background: linear-gradient(135deg,  #ffe066,#fcc419);
-  }
-  :global(.backlog-background-style4){
-    background: linear-gradient(135deg,  rgb(245, 121, 118),#c92a2a);
-    /*#ea9a99,#de4e58  */
-  }
-  
-  :global(.backlog-title-style2){
-    font-size: 12pt;
-    margin-left: 10px;
-    padding-top: 2px;
-    color: white;
-    min-width: 500px;
-  }
-  :global(.backlog-style){
-    font-size: 28pt;
-    font-weight: bold;
-    margin-left:22px;
-    color: white;
-    margin-top: 10px;
-  }
-  :global(.backlog-style-score){
-    
-    /* margin-left:22px; */
-    color: white;
-    /* margin-top: 5px; */
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 20px 0px 20px 0px;
-    width: 100%;
-    height: 100%;
-    font-size: 38pt;
-    font-weight: bold;
-  }
-  :global(.score-title){
-    font-size: 16pt;
-    /* font-weight: bold; */
-    display: flex;
-    align-items: center;
-    /* margin-left:22px; */
-  }
-  :global(.score-content){
-    display: flex;
-    flex-direction: row;
-    margin-bottom: 10px;
-  }
-  :global(.score-num){
-    display: flex;
-    align-items: center;
-    font-size: 16pt;
-    font-weight: bold;
+  100% {
+    transform: translateX(-100%);
+    -webkit-transform: translateX(-100%);
   }
+}
 
- 
-  :global(.backlog-style4){
-    font-size: 28pt;
-    font-weight: bold;
-    margin-left:22px;
-    color: white;
-    margin-top: 10px;
-  }
-  :global(.backlog-style2){
-    font-size: 20pt;
-    font-weight: bold;
-    margin-left:10px;
-    color: white;
-    margin-top: -8px;
-  }
-  :global(.backlog-style3){
-    font-size: 16pt;
-    font-weight: bold;
-    margin-left:10px;
-    color: white;
-    margin-top: -8px;
-  }
-  :global(.notice-title-style){
-    color: rgb(255, 255, 255);
-    font-size: 16pt;
-    margin-left: 20px;
-    padding-top: 6px;
-  }
-  
-  :global(.notice-title-style span){
-    float: right;
-    margin-right: 48px;
-    font-size: 14pt;
-    margin-top: 6px;
-  }
-  
-  :global(.notice-content-style ){
-    color: white;
-    line-height: 38px;
-    margin-left: 20px;
-    margin-top: 20px;
-    font-size: 12pt;
-  }
-  :global(.notice-content-style span){
-    margin-right: 16px;
-  }
-  :global(.statistical-title-style){
-      border-bottom: 1px solid #d9d9d9;
-      color: #333333;
-      font-size: 18px;
-      padding: 8px 0px 8px 20px;
-      display: flex;
-      flex-direction: row;
-      justify-content: space-between;
-      align-items: center;
-  }
-  :global(.statistical-title-style2){
-    border-bottom: 1px solid #d9d9d9;
-    color: #333333;
+@media (max-width: 768px) {
+  .slide-text-style {
     font-size: 14px;
-    padding: 8px 0px 0px 20px;
   }
-  :global(.badge-style){
-      /* background: #ffffff;
+}
+
+
+:global(.slick-prev) {
+  padding: 2px 0px 0px 0px !important;
+}
+
+:global(.slick-next) {
+  padding: 2px 0px 0px 0px !important;
+}
+
+:global(.slick-dots) {
+  position: absolute !important;
+  bottom: 20px !important;
+  z-index: 100;
+}
+
+:global(.slick-prev) {
+  background-color: rgb(50, 150, 250) !important;
+  left: 8px !important;
+  z-index: 100 !important;
+  border-radius: 50%;
+}
+
+:global(.slick-next) {
+  background-color: rgb(50, 150, 250) !important;
+  right: 8px !important;
+  z-index: 100 !important;
+  border-radius: 50%;
+}
+
+:global(.score-title-style) {
+  font-size: 14pt;
+  padding-top: 18px;
+  color: red;
+  text-align: center;
+  min-width: 110px;
+}
+
+:global(.score-num-style) {
+  font-size: 60pt;
+  font-weight: bold;
+  margin-top: 14px;
+  color: white;
+  text-align: center;
+}
+
+:global(.score-icon-style) {
+  font-size: 30pt;
+  margin-top: -64px;
+  color: white;
+  float: right;
+}
+
+:global(.backlog-title-style) {
+  font-size: 14pt;
+  margin-left: 22px;
+  padding-top: 10px;
+  color: white;
+  margin-bottom: 20px;
+  /* min-width: 120px; */
+}
+
+:global(.backlog-icontitle-style) {
+  font-size: 32px;
+  margin-left: 22px;
+  /* padding-top: 10px; */
+  color: white;
+  /* min-width: 120px; */
+  margin-top: 22px;
+}
+
+:global(.backlog-icontitle-style1) {
+  font-size: 32px;
+  margin-left: 24px;
+  /* padding-top: 10px; */
+  color: white;
+  /* min-width: 120px; */
+  margin-top: 22px;
+}
+
+:global(.backlog-icontitle-style2) {
+  font-size: 32px;
+  margin-left: 18px;
+  /* padding-top: 10px; */
+  color: white;
+  /* min-width: 120px; */
+  margin-top: 22px;
+}
+
+:global(.backlog-icontitle-style3) {
+  font-size: 32px;
+  margin-left: 22px;
+  /* padding-top: 10px; */
+  color: white;
+  /* min-width: 120px; */
+  margin-top: 22px;
+}
+
+:global(.backlog-icontitle-style4) {
+  font-size: 32px;
+  margin-left: 18px;
+  /* padding-top: 10px; */
+  color: white;
+  /* min-width: 120px; */
+  margin-top: 22px;
+}
+
+:global(.backlog-icon-score) {
+  font-size: 32px;
+  /* margin-left: 22px; */
+  /* padding-top: 10px; */
+  color: white;
+  /* min-width: 120px; */
+  /* margin-top: 22px; */
+}
+
+:global(.backlog-title-score) {
+  font-size: 14pt;
+  margin-left: 12px;
+  /* padding-top: 10px; */
+  color: white;
+  /* min-width: 120px; */
+}
+
+:global(.backlog-scoretitle-style) {
+  font-size: 32px;
+  /* margin-left: 22px; */
+  /* padding-top: 10px; */
+  color: white;
+  /* min-width: 120px; */
+  /* margin-top: 20px; */
+  margin: 9px 0px 9px 22px;
+}
+
+:global(.backlog-score-wrap) {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  margin: 20px 0px 0px 0px;
+}
+
+
+:global(.backlog-icon-title) {
+  font-size: 14pt;
+  margin-left: 10px;
+  /* padding-top: 10px; */
+  color: #333333;
+  /* min-width: 120px; */
+  /* margin-top: 22px; */
+  display: flex;
+  align-items: center;
+}
+
+:global(.backlog-background-style) {
+  background: linear-gradient(135deg, #75baf3, #2177d5);
+}
+
+:global(.backlog-background-style1) {
+  background: linear-gradient(135deg, #ffa94d, #f76707);
+}
+
+:global(.backlog-background-style2) {
+  background: linear-gradient(135deg, #99ca6e, #48a447);
+  /* linear-gradient(135deg,  #aab5e2,#5f6ac2);  */
+}
+
+:global(.backlog-background-style3) {
+  background: linear-gradient(135deg, #ffe066, #fcc419);
+}
+
+:global(.backlog-background-style4) {
+  background: linear-gradient(135deg, rgb(245, 121, 118), #c92a2a);
+  /*#ea9a99,#de4e58  */
+}
+
+:global(.backlog-title-style2) {
+  font-size: 12pt;
+  margin-left: 10px;
+  padding-top: 2px;
+  color: white;
+  min-width: 500px;
+}
+
+:global(.backlog-style) {
+  font-size: 28pt;
+  font-weight: bold;
+  margin-left: 22px;
+  color: white;
+  margin-top: 10px;
+}
+
+:global(.backlog-style-score) {
+
+  /* margin-left:22px; */
+  color: white;
+  /* margin-top: 5px; */
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 20px 0px 20px 0px;
+  width: 100%;
+  height: 100%;
+  font-size: 38pt;
+  font-weight: bold;
+}
+
+:global(.score-title) {
+  font-size: 16pt;
+  /* font-weight: bold; */
+  display: flex;
+  align-items: center;
+  /* margin-left:22px; */
+}
+
+:global(.score-content) {
+  display: flex;
+  flex-direction: row;
+  margin-bottom: 10px;
+}
+
+:global(.score-num) {
+  display: flex;
+  align-items: center;
+  font-size: 16pt;
+  font-weight: bold;
+}
+
+
+:global(.backlog-style4) {
+  font-size: 28pt;
+  font-weight: bold;
+  margin-left: 22px;
+  color: white;
+  margin-top: 10px;
+}
+
+:global(.backlog-style2) {
+  font-size: 20pt;
+  font-weight: bold;
+  margin-left: 10px;
+  color: white;
+  margin-top: -8px;
+}
+
+:global(.backlog-style3) {
+  font-size: 16pt;
+  font-weight: bold;
+  margin-left: 10px;
+  color: white;
+  margin-top: -8px;
+}
+
+:global(.notice-title-style) {
+  color: rgb(255, 255, 255);
+  font-size: 16pt;
+  margin-left: 20px;
+  padding-top: 6px;
+}
+
+:global(.notice-title-style span) {
+  float: right;
+  margin-right: 48px;
+  font-size: 14pt;
+  margin-top: 6px;
+}
+
+:global(.notice-content-style) {
+  color: white;
+  line-height: 38px;
+  margin-left: 20px;
+  margin-top: 20px;
+  font-size: 12pt;
+}
+
+:global(.notice-content-style span) {
+  margin-right: 16px;
+}
+
+:global(.statistical-title-style) {
+  border-bottom: 1px solid #d9d9d9;
+  color: #333333;
+  font-size: 18px;
+  padding: 8px 0px 8px 20px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+
+:global(.statistical-title-style2) {
+  border-bottom: 1px solid #d9d9d9;
+  color: #333333;
+  font-size: 14px;
+  padding: 8px 0px 0px 20px;
+}
+
+:global(.badge-style) {
+  /* background: #ffffff;
       border: 2px solid #5f6ac2;
       width: 8px;
       height: 8px;
@@ -347,156 +390,176 @@
       display:inline-block;
       position: relative;
       top: -2px; */
-      display: flex;
-      flex-direction: row;
-      align-items: center;
-  }
-  :global(.backlog-icon-style){
-    position: relative;
-    top: -2px;
-    margin-left: 45%;
-    width: 30px;
-  }
-  :global(.backlog-icon-style2){
-    position: relative;
-    /* top: -2px; */
-    /* width: 10px; */
-  }
-  :global(.backlog-icon-style3){
-    position: relative;
-    top: -2px;
-    margin-left: calc(50% - 20px);
-    width: 0;
-    height: 0;
-    border-left: 20px solid transparent;
-    border-right: 20px solid transparent;
-    border-top: 10px solid #3b8bde;
-  }
-  :global(.backlog-icon-style4){
-    position: relative;
-    top: -2px;
-    margin-left: calc(50% - 20px);
-    width: 0;
-    height: 0;
-    border-left: 20px solid transparent;
-    border-right: 20px solid transparent;
-    border-top: 10px solid #fa7b1c;
-  }
-  :global(.backlog-icon-style5){
-    position: relative;
-    top: -2px;
-    margin-left: calc(50% - 20px);
-    width: 0;
-    height: 0;
-    border-left: 20px solid transparent;
-    border-right: 20px solid transparent;
-    border-top: 10px solid #5faf52;
-  }
-  :global(.backlog-icon-style6){
-    position: relative;
-    top: -2px;
-    margin-left: calc(50% - 20px);
-    width: 0;
-    height: 0;
-    border-left: 20px solid transparent;
-    border-right: 20px solid transparent;
-    border-top: 10px solid #fdcc2e;
-  }
-  :global(.backlog-icon-style7){
-    position: relative;
-    top: -2px;
-    margin-left: calc(50% - 20px);
-    width: 0;
-    height: 0;
-    border-left: 20px solid transparent;
-    border-right: 20px solid transparent;
-    border-top: 10px solid #c92a2a;
-  }
-  .sideContent :global(.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title){
-    padding: 0 10px !important;
-    text-align: center;
-  }
-  
-  .sideContent :global(.ant-menu-inline-collapsed){
-    width: inherit!important;
-  }
-  .IndexPageTabs{
-    background-color: inherit;
-  }
-  
-  .IndexPageTabs :global(.ant-tabs-bar){
-    background-color: #ecf4f6;
-    padding: 0 10px;
-  }
-  /* :global(.header .IndexPage__loginMenu___xUJI4 span) {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+:global(.backlog-icon-style) {
+  position: relative;
+  top: -2px;
+  margin-left: 45%;
+  width: 30px;
+}
+
+:global(.backlog-icon-style2) {
+  position: relative;
+  /* top: -2px; */
+  /* width: 10px; */
+}
+
+:global(.backlog-icon-style3) {
+  position: relative;
+  top: -2px;
+  margin-left: calc(50% - 20px);
+  width: 0;
+  height: 0;
+  border-left: 20px solid transparent;
+  border-right: 20px solid transparent;
+  border-top: 10px solid #3b8bde;
+}
+
+:global(.backlog-icon-style4) {
+  position: relative;
+  top: -2px;
+  margin-left: calc(50% - 20px);
+  width: 0;
+  height: 0;
+  border-left: 20px solid transparent;
+  border-right: 20px solid transparent;
+  border-top: 10px solid #fa7b1c;
+}
+
+:global(.backlog-icon-style5) {
+  position: relative;
+  top: -2px;
+  margin-left: calc(50% - 20px);
+  width: 0;
+  height: 0;
+  border-left: 20px solid transparent;
+  border-right: 20px solid transparent;
+  border-top: 10px solid #5faf52;
+}
+
+:global(.backlog-icon-style6) {
+  position: relative;
+  top: -2px;
+  margin-left: calc(50% - 20px);
+  width: 0;
+  height: 0;
+  border-left: 20px solid transparent;
+  border-right: 20px solid transparent;
+  border-top: 10px solid #fdcc2e;
+}
+
+:global(.backlog-icon-style7) {
+  position: relative;
+  top: -2px;
+  margin-left: calc(50% - 20px);
+  width: 0;
+  height: 0;
+  border-left: 20px solid transparent;
+  border-right: 20px solid transparent;
+  border-top: 10px solid #c92a2a;
+}
+
+.sideContent :global(.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title) {
+  padding: 0 10px !important;
+  text-align: center;
+}
+
+.sideContent :global(.ant-menu-inline-collapsed) {
+  width: inherit !important;
+}
+
+.IndexPageTabs {
+  background-color: inherit;
+}
+
+.IndexPageTabs :global(.ant-tabs-bar) {
+  background-color: #ecf4f6;
+  padding: 0 10px;
+}
+
+/* :global(.header .IndexPage__loginMenu___xUJI4 span) {
     vertical-align: baseline!important;
   } */
-  :global(.home-always-title) {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: space-between;
-    padding: 10px 10px 10px 0px;
-  }
-  :global(.home-always-left) {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-  }
-  :global(.home-always-badge) {
-    width: 4px;
-    height: 19px;
-    background-color: #4f69e9;
-    border-radius: 3px;
-    margin-top: 2px;
-    margin-right: 10px;
-  }
-  :global(.home-always-name) {
-    font-size: 14px;
-    color: #303133;
-    font-weight: bold;
-  }
-  :global(.home-always-icon) {
-    color: #909399;
-    font-size: 14px;
-    cursor: pointer;
-  }
-  :global(.risk-model-col) {
-    background-color: #fff;
-    box-shadow: 0 0px 20px 1px rgba(0, 0, 0, 0.12);
-    padding: 0px;
-    border-radius: 5px;
-  }
-  :global(.risk-chart) {
-    display: flex;
-    flex-direction: column;
-  }
-  :global(.risk-model-tab) {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: center;
-  }
-  :global(.risk-model-card) {
-    padding: 5px 10px;
-    border: 1px solid #ebeef5;
-    border-radius: 5px;
-    font-size: 12px;
-    margin: 0px 5px;
-    cursor: pointer;
-    background-color: #fff;
-    color: #303133;
-  }
-  :global(.risk-model-card-choose) {
-    padding: 5px 10px;
-    border: 1px solid #3c9cff;
-    border-radius: 5px;
-    font-size: 12px;
-    margin: 0px 5px;
-    cursor: pointer;
-    background-color: #3c9cff;
-    color: #fff;
-  }
-  :global(.ant-select-combobox .ant-select-search__field) {
-    z-index: auto!important;
-  }
\ No newline at end of file
+:global(.home-always-title) {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 10px 10px 0px;
+}
+
+:global(.home-always-left) {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+:global(.home-always-badge) {
+  width: 4px;
+  height: 19px;
+  background-color: #4f69e9;
+  border-radius: 3px;
+  margin-top: 2px;
+  margin-right: 10px;
+}
+
+:global(.home-always-name) {
+  font-size: 14px;
+  color: #303133;
+  font-weight: bold;
+}
+
+:global(.home-always-icon) {
+  color: #909399;
+  font-size: 14px;
+  cursor: pointer;
+}
+
+:global(.risk-model-col) {
+  background-color: #fff;
+  box-shadow: 0 0px 20px 1px rgba(0, 0, 0, 0.12);
+  padding: 0px;
+  border-radius: 5px;
+}
+
+:global(.risk-chart) {
+  display: flex;
+  flex-direction: column;
+}
+
+:global(.risk-model-tab) {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+}
+
+:global(.risk-model-card) {
+  padding: 5px 10px;
+  border: 1px solid #ebeef5;
+  border-radius: 5px;
+  font-size: 12px;
+  margin: 0px 5px;
+  cursor: pointer;
+  background-color: #fff;
+  color: #303133;
+}
+
+:global(.risk-model-card-choose) {
+  padding: 5px 10px;
+  border: 1px solid #3c9cff;
+  border-radius: 5px;
+  font-size: 12px;
+  margin: 0px 5px;
+  cursor: pointer;
+  background-color: #3c9cff;
+  color: #fff;
+}
+
+:global(.ant-select-combobox .ant-select-search__field) {
+  z-index: auto !important;
+}
\ No newline at end of file