From 926c4f72e384c04bb120c0a5af88caa27ef438aa Mon Sep 17 00:00:00 2001
From: dshclm <3321914460@qq.com>
Date: Wed, 17 Jul 2024 16:53:02 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/main/resources/static/css/base.css    | 617 +++++++++++++++++
 .../main/resources/templates/home/base.html   | 620 +-----------------
 2 files changed, 618 insertions(+), 619 deletions(-)
 create mode 100644 ruoyi-admin/src/main/resources/static/css/base.css

diff --git a/ruoyi-admin/src/main/resources/static/css/base.css b/ruoyi-admin/src/main/resources/static/css/base.css
new file mode 100644
index 0000000..57132e9
--- /dev/null
+++ b/ruoyi-admin/src/main/resources/static/css/base.css
@@ -0,0 +1,617 @@
+    /* 页面整体布局 */
+html, body {
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+}
+.layui-nav-item {
+    position: relative;
+    margin: 0 10px;
+    padding: 0 5px;
+}
+
+
+/* 设置内容区域自动填充剩余高度 */
+#content {
+    flex-grow: 1;
+    padding-bottom: 5px;
+}
+
+.time {
+    position: absolute;
+    right: 0;
+}
+.newslist li a{
+    line-height: 35px;
+    font-size: 15px;
+    cursor: pointer;
+}
+
+.newslist-to li a{
+    line-height: 35px;
+    font-size: 15px;
+    cursor: pointer;
+    margin-left: 15px;
+    width: 70%;
+    display: inline-block;
+    overflow: hidden;
+    height: 25px;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
+.newslist-to-l li:before {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 50%;
+    margin-top: -3px;
+    width: 6px;
+    height: 6px;
+    background: #0558b0;
+}
+
+.newslist-to li {
+    position: relative;
+    overflow: hidden;
+    vertical-align: top;
+    line-height: 40px;
+    font-size: 16px;
+}
+
+
+.zhuanti{
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    height: 400px;
+    justify-content: center;
+}
+.zhuanti li{
+    overflow:hidden;
+    display: flex;
+    flex-direction: column;
+    text-align: center;
+    white-space: nowrap; /* 防止文本换行 */
+    text-overflow: ellipsis; /* 显示省略号 */
+    position: relative;
+    width: 320px;
+    border-radius: 5px;
+
+}.zhuanti li span{
+     white-space: nowrap;
+     text-overflow: ellipsis;
+     overflow: hidden;
+     display: inline-block;
+     width: 100%;
+     position: absolute;
+     bottom: 20px;
+     height: 25px;
+     line-height: 25px;
+     background-color: rgb(0 0 0 / 0.5);
+     color: white;
+     border-radius: 5px;
+ }
+.zhuanti li img{
+    transition: all 0.3s;
+    width: 100%;
+    border-radius: 5px;
+}
+.zhuanti li:hover img{
+    transform:scale(1.1)
+}
+.zhuanti li span{
+    transition: all 0.3s;
+}
+.zhuanti li:hover span{
+    color: #ffbb3f;
+    transform:scale(1.1) translateY(7px);
+}
+.more a {
+    display: inline-block;
+    width: 58px;
+    height: 24px;
+    border-radius: 5px;
+    line-height: 24px;
+    color: #0b61d3;
+    font-size: 14px;
+    text-align: center;
+    position: absolute;
+    right: 6px;
+    top: 10px;
+}
+
+
+.zhuantidept{
+//display: flex;
+//flex-wrap: wrap;
+    height: 400px;
+    overflow: auto;
+    box-sizing:border-box;
+    padding-left:30px;
+    padding-top:20px;
+}
+.zhuantidept li{
+    transition: all 0.3s;
+    float: left;
+    margin-bottom: 10px;
+}
+.zhuantidept li:hover{
+    transform: translateY(-5%);
+}
+
+.zhuantidept li a{
+    width: 169px;
+    height: 84px;
+    margin: 0 10px 0 10px;
+    display: flex;
+    align-items: center;
+    box-sizing: border-box;
+    padding-left: 10px;
+    background-image: url(/home/base/bumen1.jpg);
+    background-size: 100% 100%;
+    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
+    font-size: 17px;
+    filter: brightness(1.1);
+}
+
+a {
+    text-decoration: none;
+    color: #000;
+}
+
+a:hover{
+    color: #006fc4;
+}
+.customNavigation .prev, .customNavigation .next {
+    position: absolute;
+    width: 16px;
+    height: 25px;
+    top: 41%;
+    z-index: 22;
+    background-image: url(/home/base/i122.png);
+    cursor: pointer;
+}
+.customNavigation .prev{
+    left: 0;
+}
+.customNavigation .next {
+    right: 0;
+    background-position: right;
+}
+.item{
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+.ztgg {
+    height: 60px;
+    margin: 25px auto 0px auto;
+    display: flex;
+    justify-content: space-between;
+    align-item:center;
+    flex-wrap: nowrap;
+    position: relative;
+    padding: 0 8px 0 8px;
+}
+.ztgg .ztgg_box{
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding-left: 6px;
+    overflow:hidden;
+}
+.ztgg .ztgg_box .images{
+    transition: transform 0.5s ease-in-out;
+}
+.ztgg .arrow-left{
+    left: -20px;
+}
+.ztgg .arrow-left, .ztgg .arrow-right {
+    position: absolute;
+    width: 16px;
+    height: 25px;
+    top: 50%;
+    z-index: 22;
+    background-image: url(/home/base/i122.png);
+    cursor: pointer;
+    transform: translateY(-50%);
+}
+.ztgg .arrow-right {
+    right: -20px;
+    background-position: right top;
+}
+.ariaskiptheme{
+    margin:0;
+    margin-right:30px;
+}
+.ariaskiptheme img{
+    width: 300px;
+    height: 70px;
+    box-shadow: 0 0 10px 4px #ddd;
+    transition: all 0.3s;
+
+}
+#back-to-top {
+    display: none;
+    position: fixed;
+    bottom: 12%;
+    right: 2%;
+    cursor: pointer;
+    transition: opacity 0.3s;
+    width: 50px;
+    height: 50px;
+    z-index: 100;
+}
+#back-to-top img {
+    width: 100%;
+    height: 100%
+}
+#back-to-top:hover {
+    opacity: 0.7;
+}
+.lantieContent{
+    width:100%;
+    display:flex;
+    justify-content: space-between;
+}
+.lantieContent .right{
+    width:100%;
+    display:flex;
+    flex-wrap:wrap;
+    justify-content: space-around;
+    overflow:auto;
+}
+.lantieContent .right li{
+    position: relative;
+}
+.lantieContent .right li span{
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    width: 100%;
+    display: inline-block;
+    height: 25px;
+    line-height: 25px;
+    margin-top: -8px;
+    background-color: rgb(0 0 0 / 0.7);
+    color: white;
+}
+.lantieContent .right li:hover span{
+    color: #ffbb3f;
+}
+.lianjieBox{
+    width:100%;
+    display:flex;
+    justify-content: space-between;
+    height: 340px;
+}
+
+.lianjieList  li span {
+    position: absolute;
+    right: 0;
+    top: 0;
+    width: 40px;
+    height: 39px;
+    color: #454545;
+}
+
+.lianjieList li {
+    position: relative;
+    float: left;
+    width: 315px;
+    height: 39px;
+    line-height: 39px;
+    margin-bottom: 17px;
+    margin-right: 13px;
+    font-size: 16px;
+    text-align: center;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    background-color: #e9f4ff;
+}
+.lianjieList li a{
+    width: 100%;
+    height: 100%;
+    display: inline-block;
+}
+.lianjieList li:hover{
+    background-color: #c2dffd
+}
+.lianjieList{
+    width:30%;
+    height:100%;
+}
+.map{
+    width:59%;
+    max-height: 340px;
+    overflow: hidden;
+}
+.map li{
+    width:100%;
+    height:100%;
+    position: relative;
+}
+.map li a{
+    width: 33px;
+    height: 28px;
+    position: absolute; /* 设置定位元素为绝对定位 */
+    top: 50%; /* 垂直居中 */
+    left: 50%; /* 水平居中 */
+    transform: translate(-50%, -50%); /* 移动元素到中心点 */
+    font-size: 16px; /* 设置文本大小 */
+    color: #593f2f; /* 设置文本颜色 */
+    font-weight: bold;
+}
+.map li a img{
+    transition: all 0.3s;
+}
+.map li a img:hover{
+    transform: translateY(-5%);
+}
+.map .font1{
+    top: 58%;
+    left: 52%;
+}
+.map .font2{
+    top: 37%;
+    left: 49%;
+}
+.map .font3{
+    top: 53%;
+    left: 44%;
+}
+.map .font4{
+    top: 36%;
+    left: 61%;
+}
+.map .lantie{
+    width:30px;
+    height:28px;
+}
+.map .wutie{
+    width:30px;
+    height:28px;
+}
+.map .xitie{
+    width:30px;
+    height:28px;
+}
+.map .yintie{
+    width:30px;
+    height:28px;
+}
+.sliderA{
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    padding: 10px;
+    width: 100%;
+    height: 42px;
+    box-sizing: border-box;
+    background-color: rgba(0, 61, 131,0.9);
+    line-height: 25px;
+    font-size: 18px;
+    color: white;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+.sliderA:hover{
+    color: #ffbb3f;
+}
+.notice{
+    width: 55%;
+    height: 40px;
+    margin: 54px auto 22px;
+    overflow: hidden;
+    font-weight: bold;
+}
+.notice__inner{
+    animation: roll 36s linear infinite;
+    margin-top: 0
+}
+.notice__item{
+    font-size: 38px;
+    height: 40px;
+    line-height: 40px;
+    padding: 0 12px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    margin-bottom: 15px;
+}
+@keyframes roll {
+    0% {
+        margin-top: 0;
+    }
+    4% {
+        margin-top: 0;
+    }
+    8% {
+        margin-top: 0;
+    }
+    12% {
+        margin-top: -55px;
+    }
+    16% {
+        margin-top: -55px;
+    }
+    20% {
+        margin-top: -110px;
+    }
+    24% {
+        margin-top: -110px;
+    }
+    28% {
+        margin-top: -165px;
+    }
+    32% {
+        margin-top: -165px;
+    }
+    36% {
+        margin-top: -220px;
+    }
+    40% {
+        margin-top: -220px;
+    }
+    44% {
+        margin-top: -275px;
+    }
+    48% {
+        margin-top: -275px;
+    }
+    52% {
+        margin-top: -330px;
+    }
+    56% {
+        margin-top: -330px;
+    }
+    60% {
+        margin-top: -275px;
+    }
+    64% {
+        margin-top: -275px;
+    }
+    68% {
+        margin-top: -220px;
+    }
+    72% {
+        margin-top: -220px;
+    }
+    76% {
+        margin-top: -165px;
+    }
+    80% {
+        margin-top: -165px;
+    }
+    84% {
+        margin-top: -110px;
+    }
+    88% {
+        margin-top: -110px;
+    }
+    92% {
+        margin-top: -55px;
+    }
+    96% {
+        margin-top: -55px;
+    }
+    100% {
+        margin-top: 0;
+    }
+}
+
+
+.xuanchuanImage {
+    position: relative;
+    width: 100%;
+    height: 100px;
+    overflow: hidden;
+}
+
+.xuanchuanImage .slide {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    transition: opacity 2s ease-in-out;
+    opacity: 0;
+    pointer-events: none;
+}
+
+.xuanchuanImage .active {
+    opacity: 1;
+    pointer-events: auto;
+}
+
+.xuanchuanImage img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
+.first {
+    /* 第一个元素的样式 */
+    background-color: #0558b0 !important;
+    height: 48px !important;
+    line-height: 48px !important;
+}
+
+.second {
+    /* 第二个元素的样式 */
+    background-color: #0558b0 !important;
+}
+
+.third {
+    /* 第三个元素的样式 */
+    background-color: #0558b0 !important;
+}
+.firstLi a{
+    font-size: 24px !important;
+    height: 30px !important;
+    vertical-align: -7px !important;
+    font-weight: 700;
+}
+.secondLi a{
+    font-size: 21px !important;
+    height: 30px !important;
+    vertical-align: -7px !important;
+    font-weight: 400;
+}
+.thirdLi a{
+    font-size: 16px !important;
+    height: 30px !important;
+    vertical-align: -7px !important;
+}
+
+#ad {
+    font-weight: bold;
+    position: fixed;
+    display: flex;
+    width: 250px;
+    justify-content: center;
+    align-items: center;
+    z-index: 9999;
+}
+#ad span{
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    width: 32px;
+    color: white;
+    cursor:pointer;
+}
+#ad {
+    -webkit-animation: rotate 5s linear infinite;
+    -moz-animation: rotate 5s linear infinite;
+    -o-animation: rotate 5s linear infinite;
+    animation: rotate 5s linear infinite;
+}
+.systemBg{
+    background: url(/home/base/down.png) no-repeat;
+    display: inline-block;
+    width: 100%;
+    background-position-y: bottom;
+    background-position-x: center;
+    text-align: center;
+    font-size: 21px;
+    font-weight: bold;
+    color: #0b61d3;
+    font-family: layui-icon!important;
+}
+
+.layui-carousel-ind {
+    /* 轮播的样式 */
+    top: -31px;
+    text-align: right;
+}
+.layui-carousel-ind ul {
+    background-color: rgba(0, 0, 0, 0);
+}
diff --git a/ruoyi-admin/src/main/resources/templates/home/base.html b/ruoyi-admin/src/main/resources/templates/home/base.html
index e06009f..07f2ed0 100644
--- a/ruoyi-admin/src/main/resources/templates/home/base.html
+++ b/ruoyi-admin/src/main/resources/templates/home/base.html
@@ -9,625 +9,7 @@
     <link th:href="@{/css/font-awesome.min.css?v=4.7.0}" rel="stylesheet"/>
     <link rel="stylesheet" th:href="@{/js/base/owl-carousel/owl.carousel.css}">
     <link rel="stylesheet" th:href="@{/js/base/owl-carousel/owl.theme.css}">
-    <style>
-        /* 页面整体布局 */
-        html, body {
-            height: 100%;
-            margin: 0;
-            padding: 0;
-            display: flex;
-            flex-direction: column;
-        }
-        .layui-nav-item {
-            position: relative;
-            margin: 0 10px;
-            padding: 0 5px;
-        }
-
-
-        /* 设置内容区域自动填充剩余高度 */
-        #content {
-            flex-grow: 1;
-            padding-bottom: 5px;
-        }
-
-        .time {
-            position: absolute;
-            right: 0;
-        }
-        .newslist li a{
-            line-height: 35px;
-            font-size: 15px;
-            cursor: pointer;
-        }
-
-        .newslist-to li a{
-            line-height: 35px;
-            font-size: 15px;
-            cursor: pointer;
-            margin-left: 15px;
-            width: 70%;
-            display: inline-block;
-            overflow: hidden;
-            height: 25px;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-        }
-
-        .newslist-to-l li:before {
-            content: '';
-            position: absolute;
-            left: 0;
-            top: 50%;
-            margin-top: -3px;
-            width: 6px;
-            height: 6px;
-            background: #0558b0;
-        }
-
-        .newslist-to li {
-            position: relative;
-            overflow: hidden;
-            vertical-align: top;
-            line-height: 40px;
-            font-size: 16px;
-        }
-
-
-        .zhuanti{
-            display: flex;
-            flex-wrap: wrap;
-            align-items: center;
-            height: 400px;
-            justify-content: center;
-        }
-        .zhuanti li{
-            overflow:hidden;
-            display: flex;
-            flex-direction: column;
-            text-align: center;
-            white-space: nowrap; /* 防止文本换行 */
-            text-overflow: ellipsis; /* 显示省略号 */
-            position: relative;
-            width: 320px;
-            border-radius: 5px;
-
-        }.zhuanti li span{
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            overflow: hidden;
-            display: inline-block;
-            width: 100%;
-            position: absolute;
-            bottom: 20px;
-            height: 25px;
-            line-height: 25px;
-            background-color: rgb(0 0 0 / 0.5);
-            color: white;
-         border-radius: 5px;
-        }
-        .zhuanti li img{
-            transition: all 0.3s;
-            width: 100%;
-            border-radius: 5px;
-        }
-        .zhuanti li:hover img{
-            transform:scale(1.1)
-        }
-        .zhuanti li span{
-            transition: all 0.3s;
-        }
-        .zhuanti li:hover span{
-            color: #ffbb3f;
-            transform:scale(1.1) translateY(7px);
-        }
-        .more a {
-            display: inline-block;
-            width: 58px;
-            height: 24px;
-            border-radius: 5px;
-            line-height: 24px;
-            color: #0b61d3;
-            font-size: 14px;
-            text-align: center;
-            position: absolute;
-            right: 6px;
-            top: 10px;
-        }
-
-
-        .zhuantidept{
-            //display: flex;
-            //flex-wrap: wrap;
-            height: 400px;
-            overflow: auto;
-            box-sizing:border-box;
-            padding-left:30px;
-            padding-top:20px;
-        }
-        .zhuantidept li{
-            transition: all 0.3s;
-            float: left;
-            margin-bottom: 10px;
-        }
-        .zhuantidept li:hover{
-            transform: translateY(-5%);
-        }
-
-        .zhuantidept li a{
-            width: 169px;
-            height: 84px;
-            margin: 0 10px 0 10px;
-            display: flex;
-            align-items: center;
-            box-sizing: border-box;
-            padding-left: 10px;
-            background-image: url(/home/base/bumen1.jpg);
-            background-size: 100% 100%;
-            box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
-            font-size: 17px;
-            filter: brightness(1.1);
-        }
-
-        a {
-            text-decoration: none;
-            color: #000;
-        }
-
-        a:hover{
-            color: #006fc4;
-        }
-        .customNavigation .prev, .customNavigation .next {
-            position: absolute;
-            width: 16px;
-            height: 25px;
-            top: 41%;
-            z-index: 22;
-            background-image: url(/home/base/i122.png);
-            cursor: pointer;
-        }
-        .customNavigation .prev{
-            left: 0;
-        }
-        .customNavigation .next {
-            right: 0;
-            background-position: right;
-        }
-        .item{
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-        }
-        .ztgg {
-            height: 60px;
-            margin: 25px auto 0px auto;
-            display: flex;
-            justify-content: space-between;
-            align-item:center;
-            flex-wrap: nowrap;
-            position: relative;
-            padding: 0 8px 0 8px;
-        }
-        .ztgg .ztgg_box{
-            width: 100%;
-            height: 100%;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            padding-left: 6px;
-            overflow:hidden;
-        }
-        .ztgg .ztgg_box .images{
-            transition: transform 0.5s ease-in-out;
-        }
-        .ztgg .arrow-left{
-            left: -20px;
-        }
-        .ztgg .arrow-left, .ztgg .arrow-right {
-            position: absolute;
-            width: 16px;
-            height: 25px;
-            top: 50%;
-            z-index: 22;
-            background-image: url(/home/base/i122.png);
-            cursor: pointer;
-            transform: translateY(-50%);
-        }
-        .ztgg .arrow-right {
-            right: -20px;
-            background-position: right top;
-        }
-        .ariaskiptheme{
-            margin:0;
-            margin-right:30px;
-        }
-        .ariaskiptheme img{
-            width: 300px;
-            height: 70px;
-            box-shadow: 0 0 10px 4px #ddd;
-            transition: all 0.3s;
-
-        }
-        #back-to-top {
-            display: none;
-            position: fixed;
-            bottom: 12%;
-            right: 2%;
-            cursor: pointer;
-            transition: opacity 0.3s;
-            width: 50px;
-            height: 50px;
-            z-index: 100;
-          }
-          #back-to-top img {
-            width: 100%;
-            height: 100%
-          }
-          #back-to-top:hover {
-            opacity: 0.7;
-          }
-          .lantieContent{
-            width:100%;
-            display:flex;
-            justify-content: space-between;
-          }
-          .lantieContent .right{
-            width:100%;
-            display:flex;
-            flex-wrap:wrap;
-            justify-content: space-around;
-            overflow:auto;
-          }
-          .lantieContent .right li{
-              position: relative;
-          }
-          .lantieContent .right li span{
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            overflow: hidden;
-            width: 100%;
-            display: inline-block;
-            height: 25px;
-            line-height: 25px;
-            margin-top: -8px;
-            background-color: rgb(0 0 0 / 0.7);
-            color: white;
-          }
-        .lantieContent .right li:hover span{
-            color: #ffbb3f;
-        }
-           .lianjieBox{
-                width:100%;
-                display:flex;
-                justify-content: space-between;
-               height: 340px;
-           }
-
-        .lianjieList  li span {
-            position: absolute;
-            right: 0;
-            top: 0;
-            width: 40px;
-            height: 39px;
-            color: #454545;
-        }
-
-        .lianjieList li {
-            position: relative;
-            float: left;
-            width: 315px;
-            height: 39px;
-            line-height: 39px;
-            margin-bottom: 17px;
-            margin-right: 13px;
-            font-size: 16px;
-            text-align: center;
-            overflow: hidden;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            background-color: #e9f4ff;
-        }
-        .lianjieList li a{
-            width: 100%;
-            height: 100%;
-            display: inline-block;
-        }
-        .lianjieList li:hover{
-            background-color: #c2dffd
-        }
-           .lianjieList{
-                width:30%;
-                height:100%;
-           }
-           .map{
-                width:59%;
-               max-height: 340px;
-               overflow: hidden;
-           }
-           .map li{
-                width:100%;
-                height:100%;
-                position: relative;
-           }
-           .map li a{
-               width: 33px;
-               height: 28px;
-               position: absolute; /* 设置定位元素为绝对定位 */
-               top: 50%; /* 垂直居中 */
-               left: 50%; /* 水平居中 */
-               transform: translate(-50%, -50%); /* 移动元素到中心点 */
-               font-size: 16px; /* 设置文本大小 */
-               color: #593f2f; /* 设置文本颜色 */
-               font-weight: bold;
-           }
-           .map li a img{
-                transition: all 0.3s;
-           }
-           .map li a img:hover{
-                transform: translateY(-5%);
-           }
-           .map .font1{
-               top: 58%;
-               left: 52%;
-           }
-            .map .font2{
-                top: 37%;
-                left: 49%;
-           }
-           .map .font3{
-               top: 53%;
-               left: 44%;
-           }
-           .map .font4{
-               top: 36%;
-               left: 61%;
-           }
-           .map .lantie{
-                width:30px;
-                height:28px;
-           }
-           .map .wutie{
-                width:30px;
-                height:28px;
-           }
-           .map .xitie{
-                width:30px;
-                height:28px;
-           }
-           .map .yintie{
-                width:30px;
-                height:28px;
-           }
-           .sliderA{
-               position: absolute;
-               bottom: 0;
-               left: 0;
-               padding: 10px;
-               width: 100%;
-               height: 42px;
-               box-sizing: border-box;
-               background-color: rgba(0, 61, 131,0.9);
-               line-height: 25px;
-               font-size: 18px;
-               color: white;
-               overflow: hidden;
-               white-space: nowrap;
-               text-overflow: ellipsis;
-           }
-        .sliderA:hover{
-            color: #ffbb3f;
-        }
-        .notice{
-            width: 55%;
-            height: 40px;
-            margin: 54px auto 22px;
-            overflow: hidden;
-            font-weight: bold;
-        }
-        .notice__inner{
-            animation: roll 36s linear infinite;
-            margin-top: 0
-        }
-        .notice__item{
-            font-size: 38px;
-            height: 40px;
-            line-height: 40px;
-            padding: 0 12px;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            margin-bottom: 15px;
-        }
-            @keyframes roll {
-                0% {
-                    margin-top: 0;
-                }
-                4% {
-                    margin-top: 0;
-                }
-                8% {
-                    margin-top: 0;
-                }
-                12% {
-                    margin-top: -55px;
-                }
-                16% {
-                    margin-top: -55px;
-                }
-                20% {
-                    margin-top: -110px;
-                }
-                24% {
-                    margin-top: -110px;
-                }
-                28% {
-                    margin-top: -165px;
-                }
-                32% {
-                    margin-top: -165px;
-                }
-                36% {
-                    margin-top: -220px;
-                }
-                40% {
-                    margin-top: -220px;
-                }
-                44% {
-                    margin-top: -275px;
-                }
-                48% {
-                    margin-top: -275px;
-                }
-                52% {
-                    margin-top: -330px;
-                }
-                56% {
-                    margin-top: -330px;
-                }
-                60% {
-                    margin-top: -275px;
-                }
-                64% {
-                    margin-top: -275px;
-                }
-                68% {
-                    margin-top: -220px;
-                }
-                72% {
-                    margin-top: -220px;
-                }
-                76% {
-                    margin-top: -165px;
-                }
-                80% {
-                    margin-top: -165px;
-                }
-                84% {
-                    margin-top: -110px;
-                }
-                88% {
-                    margin-top: -110px;
-                }
-                92% {
-                    margin-top: -55px;
-                }
-                96% {
-                    margin-top: -55px;
-                }
-                100% {
-                    margin-top: 0;
-                }
-            }
-
-
-        .xuanchuanImage {
-            position: relative;
-            width: 100%;
-            height: 100px;
-            overflow: hidden;
-        }
-
-        .xuanchuanImage .slide {
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            transition: opacity 2s ease-in-out;
-            opacity: 0;
-            pointer-events: none;
-        }
-
-        .xuanchuanImage .active {
-            opacity: 1;
-            pointer-events: auto;
-        }
-
-        .xuanchuanImage img {
-            width: 100%;
-            height: 100%;
-            object-fit: cover;
-        }
-
-        .first {
-            /* 第一个元素的样式 */
-            background-color: #0558b0 !important;
-            height: 48px !important;
-            line-height: 48px !important;
-        }
-
-        .second {
-            /* 第二个元素的样式 */
-            background-color: #0558b0 !important;
-        }
-
-        .third {
-            /* 第三个元素的样式 */
-            background-color: #0558b0 !important;
-        }
-        .firstLi a{
-            font-size: 24px !important;
-            height: 30px !important;
-            vertical-align: -7px !important;
-            font-weight: 700;
-        }
-        .secondLi a{
-            font-size: 21px !important;
-            height: 30px !important;
-            vertical-align: -7px !important;
-            font-weight: 400;
-        }
-        .thirdLi a{
-            font-size: 16px !important;
-            height: 30px !important;
-            vertical-align: -7px !important;
-        }
-
-        #ad {
-            font-weight: bold;
-            position: fixed;
-            display: flex;
-            width: 250px;
-            justify-content: center;
-            align-items: center;
-            z-index: 9999;
-        }
-        #ad span{
-            position: absolute;
-            bottom: 0;
-            right: 0;
-            width: 32px;
-            color: white;
-            cursor:pointer;
-        }
-        #ad {
-            -webkit-animation: rotate 5s linear infinite;
-            -moz-animation: rotate 5s linear infinite;
-            -o-animation: rotate 5s linear infinite;
-            animation: rotate 5s linear infinite;
-        }
-        .systemBg{
-            background: url(/home/base/down.png) no-repeat;
-            display: inline-block;
-            width: 100%;
-            background-position-y: bottom;
-            background-position-x: center;
-            text-align: center;
-            font-size: 21px;
-            font-weight: bold;
-            color: #0b61d3;
-            font-family: layui-icon!important;
-        }
-
-        .layui-carousel-ind {
-            /* 轮播的样式 */
-            top: -31px;
-            text-align: right;
-        }
-        .layui-carousel-ind ul {
-            background-color: rgba(0, 0, 0, 0);
-        }
-</style>
+    <link th:href="@{/css/base.css}" rel="stylesheet"/>
 </head>
 <body class="layui-bg-gray" style="">
 <div id="content">