diff --git a/index.html b/index.html
index 3d8dd8d..077c7f4 100644
--- a/index.html
+++ b/index.html
@@ -129,7 +129,7 @@
             <div class="banner">
                 <div class="bannerLeft fl">
                     <div class="bannerLeft-top">
-                        <p class="font20 bannerLeft-tit01">标的物类型</p>
+                        <p class="font20 bannerLeft-tit01"><i></i>标的物类型</p>
                         <script id="deptTypeData" type="text/html">
                             {{each deptTypeList as value i}}
                             <li>
@@ -141,7 +141,7 @@
                         <ul id="deptTypeContent"></ul>
                     </div>
                     <div class="bannerLeft-buttom">
-                        <p class="font20 bannerLeft-tit02">标的物所在地</p>
+                        <p class="font20 bannerLeft-tit02"><i></i>标的物所在地</p>
                         <script id="deptLocationData" type="text/html">
                             {{each deptLocationList as value i}}
                             <li>
@@ -176,7 +176,7 @@
 
             <!--横幅  -->
             <div class="m-t-25">
-                <img src="./static/images/centerBanner.jpg" />
+                <img src="" id="centerBanner"/>
             </div>
 
             <!--内容  -->
@@ -207,7 +207,23 @@
                                 {{each landListList as value i}}
                                 <div class="centerLeft-center-middle" onclick="goDetail({{value.id}})" style="cursor: pointer;">
 <!--                                    项目<br />公示-->
-                                    <p class="centerLeft-center-lable">{{# value.projectShowStatus.slice(0,2)+'<br/>'+value.projectShowStatus.slice(2)}}</p>
+                                    {{if value.projectShowStatus == '已经成交'}}
+                                    <p class="centerLeft-center-lable" style="background: #d7d7d7;color: #626262">
+                                    {{/if}}
+                                    {{if value.projectShowStatus == '项目公示'}}
+                                    <p class="centerLeft-center-lable" style="background: #007b76">
+                                    {{/if}}
+                                    {{if value.projectShowStatus == '正在报名'}}
+                                    <p class="centerLeft-center-lable" style="background: #e8041f">
+                                    {{/if}}
+                                    {{if value.projectShowStatus == '等待竞价' || value.projectShowStatus == '等待成交'}}
+                                    <p class="centerLeft-center-lable" style="background: #e7851c">
+                                    {{/if}}
+                                    {{if value.projectShowStatus == '正在竞价'}}
+                                    <p class="centerLeft-center-lable" style="background: #1c58bb">
+                                    {{/if}}
+                                        {{# value.projectShowStatus.slice(0,2)+'<br/>'+value.projectShowStatus.slice(2)}}
+                                    </p>
                                     {{if value.fileUrl == null}}
                                         <img src="/static/images/zwtp.jpg" alt="" width="100%" height="152px"/>
                                     {{else}}
@@ -221,7 +237,7 @@
                                             <li>
                                                 <p>
                                                     <span>挂牌价格</span>
-                                                    {{# value.price}}{{# value.unit}}
+                                                    <i>{{# value.price}}</i>{{# value.unit}}
                                                 </p>
                                             </li>
                                             <li>
@@ -260,10 +276,27 @@
                                 <span onclick="goListing()">更多></span>
                             </p>
                             <script id="collectiveAssetsData" type="text/html">
+                                {{if collectiveAssetsList}}
                                 {{each collectiveAssetsList as value i}}
                                 <div class="centerLeft-center-middle" onclick="goDetail({{value.id}})">
                                     <!--                                    项目<br />公示-->
-                                    <p class="centerLeft-center-lable">{{# value.projectShowStatus.slice(0,2)+'<br/>'+value.projectShowStatus.slice(2)}}</p>
+                                    {if value.projectShowStatus == '已经成交'}}
+                                    <p class="centerLeft-center-lable" style="background: #d7d7d7;color: #626262">
+                                        {{/if}}
+                                        {{if value.projectShowStatus == '项目公示'}}
+                                    <p class="centerLeft-center-lable" style="background: #007b76">
+                                        {{/if}}
+                                        {{if value.projectShowStatus == '正在报名'}}
+                                    <p class="centerLeft-center-lable" style="background: #e8041f">
+                                        {{/if}}
+                                        {{if value.projectShowStatus == '等待竞价' || value.projectShowStatus == '等待成交'}}
+                                    <p class="centerLeft-center-lable" style="background: #e7851c">
+                                        {{/if}}
+                                        {{if value.projectShowStatus == '正在竞价'}}
+                                    <p class="centerLeft-center-lable" style="background: #1c58bb">
+                                        {{/if}}
+                                        {{# value.projectShowStatus.slice(0,2)+'<br/>'+value.projectShowStatus.slice(2)}}
+                                    </p>
                                     <img src="{{serverApi}}{{# value.fileUrl}}" alt="" width="100%" height="152px" />
                                     <div>
                                         <p class="centerLeft-center-middle-tit01">
@@ -273,7 +306,7 @@
                                             <li>
                                                 <p>
                                                     <span>挂牌价格</span>
-                                                    {{# value.price}}{{# value.unit}}
+                                                    <i>{{# value.price}}</i>{{# value.unit}}
                                                 </p>
                                             </li>
                                             <li>
@@ -302,6 +335,7 @@
                                     </div>
                                 </div>
                                 {{/each}}
+                                {{/if}}
                             </script>
                             <div class="container" id="collectiveAssetsContent"></div>
                         </div>
@@ -314,7 +348,23 @@
                                 {{each productionEquipmentList as value i}}
                                 <div class="centerLeft-center-middle" onclick="goDetail({{value.id}})">
                                     <!--                                    项目<br />公示-->
-                                    <p class="centerLeft-center-lable">{{# value.projectShowStatus.slice(0,2)+'<br/>'+value.projectShowStatus.slice(2)}}</p>
+                                    {if value.projectShowStatus == '已经成交'}}
+                                    <p class="centerLeft-center-lable" style="background: #d7d7d7;color: #626262">
+                                        {{/if}}
+                                        {{if value.projectShowStatus == '项目公示'}}
+                                    <p class="centerLeft-center-lable" style="background: #007b76">
+                                        {{/if}}
+                                        {{if value.projectShowStatus == '正在报名'}}
+                                    <p class="centerLeft-center-lable" style="background: #e8041f">
+                                        {{/if}}
+                                        {{if value.projectShowStatus == '等待竞价' || value.projectShowStatus == '等待成交'}}
+                                    <p class="centerLeft-center-lable" style="background: #e7851c">
+                                        {{/if}}
+                                        {{if value.projectShowStatus == '正在竞价'}}
+                                    <p class="centerLeft-center-lable" style="background: #1c58bb">
+                                        {{/if}}
+                                        {{# value.projectShowStatus.slice(0,2)+'<br/>'+value.projectShowStatus.slice(2)}}
+                                    </p>
                                     <img src="{{serverApi}}{{# value.fileUrl}}" alt="" width="100%" height="152px" />
                                     <div>
                                         <p class="centerLeft-center-middle-tit01">
@@ -324,7 +374,7 @@
                                             <li>
                                                 <p>
                                                     <span>挂牌价格</span>
-                                                    {{# value.price}}{{# value.unit}}
+                                                    <i>{{# value.price}}</i>{{# value.unit}}
                                                 </p>
                                             </li>
                                             <li>
@@ -365,7 +415,24 @@
                                 {{each waterConservancyFacilitiesList as value i}}
                                 <div class="centerLeft-center-middle" onclick="goDetail({{value.id}})">
                                     <!--                                    项目<br />公示-->
-                                    <p class="centerLeft-center-lable">{{# value.projectShowStatus.slice(0,2)+'<br/>'+value.projectShowStatus.slice(2)}}</p>
+                                    {if value.projectShowStatus == '已经成交'}}
+                                    <p class="centerLeft-center-lable" style="background: #d7d7d7;color: #626262">
+                                    {{/if}}
+                                    {{if value.projectShowStatus == '项目公示'}}
+                                    <p class="centerLeft-center-lable" style="background: #007b76">
+                                    {{/if}}
+                                    {{if value.projectShowStatus == '正在报名'}}
+                                    <p class="centerLeft-center-lable" style="background: #e8041f">
+                                    {{/if}}
+                                    {{if value.projectShowStatus == '等待竞价' || value.projectShowStatus == '等待成交'}}
+                                    <p class="centerLeft-center-lable" style="background: #e7851c">
+                                    {{/if}}
+                                    {{if value.projectShowStatus == '正在竞价'}}
+                                    <p class="centerLeft-center-lable" style="background: #1c58bb">
+                                    {{/if}}
+                                    <p class="centerLeft-center-lable">
+                                        {{# value.projectShowStatus.slice(0,2)+'<br/>'+value.projectShowStatus.slice(2)}}
+                                    </p>
                                     <img src="{{serverApi}}{{# value.fileUrl}}" alt="" width="100%" height="152px" />
                                     <div>
                                         <p class="centerLeft-center-middle-tit01">
@@ -375,7 +442,7 @@
                                             <li>
                                                 <p>
                                                     <span>挂牌价格</span>
-                                                    {{# value.price}}{{# value.unit}}
+                                                    <i>{{# value.price}}</i>{{# value.unit}}
                                                 </p>
                                             </li>
                                             <li>
@@ -560,7 +627,7 @@
                         更多>
                     </p>
                 </div>
-                <img src="./static/images/bannerBottom.jpg" alt="" />
+                <img src="" alt="" id="bannerBottom" />
                 <table width="100%" class="tableHead" style="table-layout: fixed;" >
                     <tr>
                         <td>项目名称</td>
diff --git a/static/css/announcement/announcement.css b/static/css/announcement/announcement.css
index 0024606..6974570 100644
--- a/static/css/announcement/announcement.css
+++ b/static/css/announcement/announcement.css
@@ -19,7 +19,7 @@ table{
 }
 
 .titIndex span{
-    color: #007b76;
+    color: var(--color);
 }
 
 .titIndex i{
diff --git a/static/css/bidding/bidding.css b/static/css/bidding/bidding.css
index 15213dc..9e6be05 100644
--- a/static/css/bidding/bidding.css
+++ b/static/css/bidding/bidding.css
@@ -10,6 +10,6 @@
 
 .tableList input[type='button']:hover {
     color: #FFFFFF !important;
-    border-color: #007b76 !important;
-    background-color: #007b76 !important;
+    border-color: var(--color) !important;
+    background-color: var(--color) !important;
 }
\ No newline at end of file
diff --git a/static/css/demand/demand.css b/static/css/demand/demand.css
index 13ba973..e2d3a85 100644
--- a/static/css/demand/demand.css
+++ b/static/css/demand/demand.css
@@ -21,13 +21,13 @@
 }
 
 .pageNum li.active{
-    background-color: #007b76;
+    background-color: var(--color);
     color: #ffffff;
     border-radius: 2px;
 }
 
 .pageNum li:hover{
-    background-color: #007b76;
+    background-color: var(--color);
     color: #ffffff;
     border-radius: 2px;
     cursor:pointer;
@@ -38,7 +38,7 @@
 }
 
 .personalBtn{
-    background: #007b76!important;
+    background: var(--color)!important;
     color: #ffffff!important;
     border: none;
     padding: 5px 25px;
@@ -54,7 +54,7 @@
 }
 
 .releaseSupplyBtn{
-    background: #007b76;
+    background: var(--color);
     padding: 5px 15px;
     color: #ffffff;
     border: none;
@@ -65,7 +65,7 @@
 
 .releaseSupplyTit{
     font-size: 18px;
-    color: #007b76;
+    color: var(--color);
     line-height: 28px;
     padding-left: 32px;
 }
diff --git a/static/css/index.css b/static/css/index.css
index 5b2ef1b..b6d80ad 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -1,3 +1,11 @@
+/*公共主题参数*/
+:root{
+  --color:'';
+  --icon:'';
+  /*--color:#e8041f;*/
+}
+
+
 /*顶部标题*/
 .topTit {
   color: #adadad;
@@ -69,7 +77,7 @@
 }
 
 .logoSearch-div a:hover {
-  color: #007b76;
+  color: var(--color);
 }
 
 .logoSearch-div h1 {
@@ -82,7 +90,7 @@
 }
 
 .logoSearch .searchClass {
-  border: 2px solid #007b76;
+  border: 2px solid var(--color);
   border-radius: 20px;
   background: transparent;
   padding: 6px 10px;
@@ -97,10 +105,10 @@
 }
 
 .searchButton {
-  background-color: #007b76 !important;
+  background-color: var(--color) !important;
   color: #ffffff !important;
   width: 65px !important;
-  border: 2px solid #007b76;
+  border: 2px solid var(--color);
   border-radius: 25px;
   padding: 4px 0px;
   position: absolute;
@@ -109,7 +117,7 @@
 
 /*导航栏*/
 .top .active {
-  background-color: #007b76;
+  background-color: var(--color);
 }
 
 .top .active a {
@@ -118,7 +126,7 @@
 }
 
 .top {
-  border-bottom: 2px solid #007b76;
+  border-bottom: 2px solid var(--color);
 }
 
 .top ul {
@@ -138,7 +146,7 @@
 }
 
 .top ul li:hover {
-  background-color: #007b76;
+  background-color: var(--color);
   color: #FFFFFF;
 }
 
@@ -166,24 +174,48 @@
 }
 
 .bannerLeft-tit01 {
-  background: url("../images/icon1.png") 0px no-repeat;
   padding-left: 28px;
+  position: relative;
   margin-top: 26px;
 }
 
+.bannerLeft-tit01 i{
+  width: 22px;
+  height: 22px;
+  display: inline-block;
+  background: url("../images/icon1_red.png") center no-repeat;
+  background-color: var(--color);
+  position: absolute;
+  left: 0;
+  top: 4px;
+  border-radius: 50%;
+}
+
 .bannerLeft-tit02 {
-  background: url("../images/icon2.png") 0px no-repeat;
   padding-left: 28px;
+  position: relative;
   margin-top: 26px;
 }
 
+.bannerLeft-tit02 i {
+  width: 22px;
+  height: 22px;
+  display: inline-block;
+  background: url("../images/icon2_red.png") center no-repeat;
+  background-color: var(--color);
+  position: absolute;
+  left: 0;
+  top: 4px;
+  border-radius: 50%;
+}
+
 .bannerLeft a {
   color: #626262;
   font-size: 16px;
 }
 
 .bannerLeft-top a:hover {
-  color: #007b76;
+  color: var(--color);
 }
 
 .bannerLeft-top ul li:last-child a {
@@ -191,7 +223,7 @@
 }
 
 .bannerLeft-top ul li:last-child a:hover {
-  color: #007b76;
+  color: var(--color);
 }
 
 
@@ -204,7 +236,7 @@
 }
 
 .bannerLeft-buttom li:hover {
-  background-color: #007b76;
+  background-color: var(--color);
 }
 
 .bannerLeft-buttom li:hover a {
@@ -220,7 +252,7 @@
 }
 
 .bannerLeft-buttom ul li:last-child a:hover {
-  color: #007b76;
+  color: var(--color);
 }
 
 .bannerRight {
@@ -239,6 +271,7 @@
   font-size: 28px;
   display: inline-block;
   vertical-align: middle;
+  font-weight: bold;
 }
 
 .center .centerLeft-top-tit01 span {
@@ -271,7 +304,7 @@
 }
 
 .centerLeft-center .centerleft-center-tit01 span:last-child:hover {
-  color: #007b76;
+  color: var(--color);
 }
 
 .centerLeft-center-middle {
@@ -288,7 +321,7 @@
 .centerLeft-center-middle .centerLeft-center-lable {
   width: 44px;
   /* height: 46px; */
-  background: #007b76;
+  /*background: var(--color);*/
   color: #FFF;
   text-align: center;
   border-bottom-left-radius: 18px;
@@ -309,8 +342,8 @@
 
 .centerLeft-center-middle-tit01 span {
   font-size: 12px;
-  color: #007b76;
-  border: 1px solid #007b76;
+  color: var(--color);
+  border: 1px solid var(--color);
   padding: 1px 2px;
   margin-right: 6px;
 }
@@ -326,6 +359,12 @@
   color: #d21313;
 }
 
+.centerLeft-center-middle-ul li:first-child p i{
+  font-size: 18px;
+  color: #d21313;
+  font-weight: bold;
+}
+
 .centerLeft-center-middle-ul li p span {
   display: inline-block;
   width: 4em;
@@ -340,7 +379,7 @@
 }
 
 .centerLeft-center-bottom p:first-child {
-  background: url("../images/icon3.png") 0px no-repeat;
+  background: var(--icon) 0px no-repeat;
   padding-left: 16px;
   width: 66%;
   border-right: 1px solid #e3e3e3;
@@ -382,8 +421,8 @@
 
 .centerRight-list0 p:first-child span:first-child {
   font-size: 12px;
-  color: #007b76;
-  border: 1px solid #007b76;
+  color: var(--color);
+  border: 1px solid var(--color);
   padding: 1px 6px;
   margin-right: 6px;
 }
@@ -409,7 +448,7 @@
 }
 
 .centerRight-list0 .down{
-  color: #007b76;
+  color: var(--color);
 }
 
 .centerRight-list0 p:last-child {
@@ -431,12 +470,12 @@
   color: #ffffff;
   font-size: 20px;
   line-height: 42px;
-  background-color: #007b76;
+  background-color: var(--color);
 }
 
 .centerRight-list1-tit02 {
   text-align: center;
-  color: #007b76;
+  color: var(--color);
   font-size: 16px;
   margin-top: 15px;
 }
@@ -455,7 +494,7 @@
 }
 
 .centerRight-list1-div02 .searchClass {
-  border: 2px solid #007b76;
+  border: 2px solid var(--color);
   border-radius: 20px;
   background: transparent;
   padding: 6px 10px;
@@ -464,7 +503,7 @@
 
 .searchClass .el-input-group__append {
   border: none;
-  background-color: #007b76;
+  background-color: var(--color);
   border-radius: 20px;
   color: #FFFFFF;
   LEFT: 4PX;
@@ -533,7 +572,7 @@ select {
 }
 
 .searchbtn {
-  background-color: #007b76;
+  background-color: var(--color);
   color: #ffffff;
   margin: 0 auto;
   width: 66px;
@@ -560,7 +599,7 @@ select {
 }
 
 .centerRight-list2-tit01 span:last-child:hover {
-  color: #007b76;
+  color: var(--color);
   cursor: pointer;
 }
 
@@ -592,7 +631,7 @@ select {
 }
 
 .centerRight-list2 ul li a:hover {
-  color: #007b76;
+  color: var(--color);
 }
 
 .centerRight-list3 {
@@ -611,7 +650,7 @@ select {
 }
 
 .centerRight-list3-tit01 span:hover {
-  color: #007b76;
+  color: var(--color);
   cursor: pointer;
 }
 
@@ -635,7 +674,7 @@ select {
 }
 
 .centerRight-list3 ul li a:hover {
-  color: #007b76;
+  color: var(--color);
 }
 
 .el-table__body-wrapper::-webkit-scrollbar {
@@ -647,10 +686,11 @@ select {
 .bottom .bottomNews-tit01 {
   font-size: 28px;
   display: inline-block;
+  font-weight: bold;
 }
 
 .bottom .bottomNews-tit01 span {
-  color: #007b76;
+  color: var(--color);
 }
 
 .bottom .bottomNews-tit02 {
@@ -660,7 +700,7 @@ select {
 }
 
 .bottom .bottomNews-tit02:hover {
-  color: #007b76;
+  color: var(--color);
   cursor: pointer;
 }
 
@@ -689,7 +729,7 @@ select {
 }
 
 .bottomNews-list p span:hover {
-  color: #007b76;
+  color: var(--color);
   cursor: pointer;
 }
 
@@ -709,7 +749,7 @@ select {
 }
 
 .bottomNews-list ul li a:hover {
-  color: #007b76;
+  color: var(--color);
 }
 
 .bidding {
@@ -727,10 +767,11 @@ select {
 
 .bidding .biddingTit-tit01 {
   font-size: 28px;
+  font-weight: bold;
 }
 
 .bidding .biddingTit-tit01 span {
-  color: #007b76;
+  color: var(--color);
 }
 
 .bidding .biddingTit-tit02 {
@@ -739,7 +780,7 @@ select {
 }
 
 .bidding .biddingTit-tit02:hover {
-  color: #007b76;
+  color: var(--color);
   cursor: pointer;
 }
 
@@ -748,7 +789,7 @@ select {
 }
 
 .notStart-row {
-  color: #007b76;
+  color: var(--color);
 }
 
 .tableType {
@@ -770,7 +811,7 @@ select {
 }
 
 .tableType p:nth-child(1) {
-  color: #007b76;
+  color: var(--color);
 }
 
 .tableType p:nth-child(2) {
@@ -782,7 +823,7 @@ select {
 }
 
 .tableType p:nth-child(1) i {
-  background-color: #007b76;
+  background-color: var(--color);
 }
 
 .tableType p:nth-child(2) i {
@@ -801,10 +842,11 @@ select {
 .personal .personalTit-tit01 {
   font-size: 28px;
   display: inline-block;
+  font-weight: bold;
 }
 
 .personal .personalTit-tit01 span {
-  color: #007b76;
+  color: var(--color);
 }
 
 .personal .personalTit-tit02 {
@@ -814,7 +856,7 @@ select {
 }
 
 .personal .personalTit-tit02:hover {
-  color: #007b76;
+  color: var(--color);
   cursor: pointer;
 }
 
@@ -832,11 +874,11 @@ select {
   right: 0;
   color: #FFFFFF !important;
   border: none !important;
-  background-color: #007b76 !important;
+  background-color: var(--color) !important;
 }
 
 .el-tabs--card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
-  color: #007b76 !important;
+  color: var(--color) !important;
 }
 
 .el-tabs--card>.el-tabs__header {
@@ -844,7 +886,7 @@ select {
 }
 
 .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
-  color: #007b76 !important;
+  color: var(--color) !important;
   background: #f6f5f5 !important;
 }
 
@@ -873,10 +915,11 @@ select {
 
 .interaction .interactionTit-tit01 {
   font-size: 28px;
+  font-weight: bold;
 }
 
 .interaction .interactionTit-tit01 span {
-  color: #007b76;
+  color: var(--color);
 }
 
 .interaction .interactionTit-tit02 {
@@ -885,12 +928,12 @@ select {
 }
 
 .interaction .interactionTit-tit02:hover {
-  color: #007b76;
+  color: var(--color);
   cursor: pointer;
 }
 
 .interaction .searchClass {
-  border: 2px solid #007b76;
+  border: 2px solid var(--color);
   border-radius: 20px;
   background: transparent;
   width: 500px;
@@ -907,8 +950,8 @@ select {
 
 .interaction .seaBtn {
   color: #FFFFFF;
-  border: 1px solid #007b76;
-  background-color: #007b76;
+  border: 1px solid var(--color);
+  background-color: var(--color);
   padding: 0px 40px;
   border-radius: 16px;
   line-height: 32px;
@@ -978,7 +1021,7 @@ label input[type="radio"]+span {
   width: 12px;
   height: 12px;
   display: inline-block;
-  border: 1px solid #007b76;
+  border: 1px solid var(--color);
   background: url('../images/check.png') no-repeat;
   background-position: 0 0;
   position: relative;
@@ -1047,8 +1090,8 @@ label input[type="radio"]:checked+span {
 
 .bidding input[type='button']:hover {
   color: #FFFFFF !important;
-  border-color: #007b76 !important;
-  background-color: #007b76 !important;
+  border-color: var(--color) !important;
+  background-color: var(--color) !important;
 }
 
 .tabList table {
@@ -1108,7 +1151,7 @@ label input[type="radio"]:checked+span {
 }
 
 .interactionTableLeft tr:hover {
-  color: #007b76;
+  color: var(--color);
 }
 
 .userName{
@@ -1119,7 +1162,7 @@ label input[type="radio"]:checked+span {
 
 .userName:hover{
   cursor: pointer;
-  color: #007b76;
+  color: var(--color);
 }
 
 .headHover{
@@ -1142,7 +1185,7 @@ label input[type="radio"]:checked+span {
 
 .headHover ul li a:hover{
   cursor: pointer;
-  color: #007b76;
+  color: var(--color);
 }
 
 .headHover ul li:first-child p:hover{
diff --git a/static/css/interact/interact.css b/static/css/interact/interact.css
index 14a55f0..6c22fff 100644
--- a/static/css/interact/interact.css
+++ b/static/css/interact/interact.css
@@ -21,13 +21,13 @@
 }
 
 .pageNum li.active{
-    background-color: #007b76;
+    background-color: var(--color);
     color: #ffffff;
     border-radius: 2px;
 }
 
 .pageNum li:hover{
-    background-color: #007b76;
+    background-color: var(--color);
     color: #ffffff;
     border-radius: 2px;
     cursor:pointer;
@@ -42,14 +42,14 @@
 }
 
 .searchCriteria input[type='text']{
-    border: 2px solid #007b76;
+    border: 2px solid var(--color);
     padding: 5px;
 }
 
 .searchCriteria input[type='button']{
     border: none;
     padding: 6px 20px;
-    background: #007b76;
+    background: var(--color);
     color:#ffffff;
     border-radius: 15px;
 }
diff --git a/static/css/listingItems/items.css b/static/css/listingItems/items.css
index 61ad3b7..0593afc 100644
--- a/static/css/listingItems/items.css
+++ b/static/css/listingItems/items.css
@@ -51,7 +51,7 @@
 
 .auction_hall_table_tab_select {
     color: #FFFFFF!important;
-    background: #007b76!important;
+    background: var(--color)!important;
 }
 
 .data_input, .data_input2, .data_input3, .data_input4 {
@@ -105,7 +105,7 @@
     float: left;
     width: 63px;
     height: 28px;
-    background: #007b76;
+    background: var(--color);
     border-radius: 35px;
     font-size: 14px;
     color: #FFFFFF;
@@ -127,11 +127,11 @@
 
 .auction_hall_table_tab:hover {
     color: #FFFFFF;
-    background: #007b76;
+    background: var(--color);
 }
 
 .auction_add_area .auction_hall_table_tab:hover {
-    color: #007b76;
+    color: var(--color);
     background: transparent;
 }
 
@@ -178,13 +178,13 @@
 }
 
 .pageNum li.active{
-    background-color: #007b76;
+    background-color: var(--color);
     color: #ffffff;
     border-radius: 2px;
 }
 
 .pageNum li:hover{
-    background-color: #007b76;
+    background-color: var(--color);
     color: #ffffff;
     border-radius: 2px;
     cursor:pointer;
@@ -446,12 +446,12 @@ input::-webkit-inner-spin-button {
 }
 
 .tabTable .active{
-    background-color: #007b76;
+    background-color: var(--color);
     color: #FFFFFF;
 }
 
 .tabTable ul li:hover{
-    background-color: #007b76;
+    background-color: var(--color);
     color: #FFFFFF;
     cursor: pointer;
 }
@@ -487,7 +487,7 @@ input::-webkit-inner-spin-button {
     padding-bottom: 20px;
     margin-bottom: 10px;
     border-bottom: 1px solid #ececec;
-    color: #007b76;
+    color: var(--color);
 }
 
 #tabDetail4{
@@ -582,7 +582,7 @@ input::-webkit-inner-spin-button {
 
 .preservation{
     color: #ffffff;
-    background: #007b76;
+    background: var(--color);
     border-radius: 0;
     width: 30%;
     margin: 0 auto;
diff --git a/static/css/login/login.css b/static/css/login/login.css
index a877587..f247ac9 100644
--- a/static/css/login/login.css
+++ b/static/css/login/login.css
@@ -2,7 +2,7 @@
     background: url("../../images/loginBg.png");
     width: 100%;
     background-size: 100% 100%;
-    border-top: 2px solid #007b76;
+    border-top: 2px solid var(--color);
 }
 
 .loginView{
@@ -49,7 +49,7 @@
 }
 
 .titleTab{
-    background: #007b76;
+    background: var(--color);
 }
 
 .titleTab p{
@@ -85,7 +85,7 @@
     width: 70%;
     padding: 10px 0;
     border: none;
-    background: #007b76;
+    background: var(--color);
     color: #ffffff;
     display: block;
     margin: 0 auto;
@@ -99,7 +99,7 @@
     display: block;
     margin: 0 auto;
     margin-top: 10px;
-    color: #007b76;
+    color: var(--color);
     cursor: pointer;
 }
 
diff --git a/static/css/login/register.css b/static/css/login/register.css
index 30753fd..a206763 100644
--- a/static/css/login/register.css
+++ b/static/css/login/register.css
@@ -2,7 +2,7 @@
     background: url("../../images/loginBg.png");
     width: 100%;
     background-size: 100% 100%;
-    border-top: 2px solid #007b76;
+    border-top: 2px solid var(--color);
 }
 
 .registerView{
@@ -41,7 +41,7 @@
 }
 
 .explainView .btn2{
-    background: #007b76;
+    background: var(--color);
     padding: 5px 15px;
     color: #ffffff;
     border: none;
@@ -62,7 +62,7 @@
 }
 
 .topBtn .active{
-    background: #007b76!important;
+    background: var(--color)!important;
     color: #ffffff!important;
 }
 
@@ -126,7 +126,7 @@
 }
 
 .userTable tr:last-child input[type="button"]{
-    background: #007b76!important;
+    background: var(--color)!important;
     color: #ffffff!important;
     border: none;
 }
\ No newline at end of file
diff --git a/static/css/new/new.css b/static/css/new/new.css
index 19e9991..72f8953 100644
--- a/static/css/new/new.css
+++ b/static/css/new/new.css
@@ -24,19 +24,19 @@
 }
 
 .breadcrum a i {
-    color: #007b76;
+    color: var(--color);
     margin-right: 8px;
     font-size: 20px;
     vertical-align: middle;
 }
 
 .breadcrum a:hover {
-    background-color: #007b76;
+    background-color: var(--color);
     color: #fff;
 
 }
 .breadcrum .active{
-    background-color: #007b76;
+    background-color: var(--color);
     color: #fff;
 }
 .breadcrum .active i{
@@ -60,7 +60,7 @@
 }
 
 .newList ul li:hover a,.newList ul li:hover p{
-    color: #007b76;
+    color: var(--color);
 }
 
 .newList ul li{
@@ -101,7 +101,7 @@
 }
 
 .titIndex span{
-    color: #007b76;
+    color: var(--color);
 }
 
 .titIndex i{
diff --git a/static/css/page_common.css b/static/css/page_common.css
index 064eca0..04798fe 100644
--- a/static/css/page_common.css
+++ b/static/css/page_common.css
@@ -38,7 +38,7 @@
     -webkit-user-select: none;
 }
 a.page_common_btn_style:active{
-    color:#007b76;
+    color:var(--color);
     background:#eee;
 }
 
@@ -47,6 +47,6 @@ a.page_common_btn_style:active{
     margin: 0 10px;
 }
 .page_common_btn_active{
-    background:#007b76;
+    background:var(--color);
     color:#eee;
 }
\ No newline at end of file
diff --git a/static/css/user/user.css b/static/css/user/user.css
index 7a3c44a..ec86fc6 100644
--- a/static/css/user/user.css
+++ b/static/css/user/user.css
@@ -18,12 +18,12 @@
 
 .leftList ul .active{
     background: #e0ecec;
-    color: #007b76;
+    color: var(--color);
 }
 
 .leftList ul li:hover{
     background: #e0ecec;
-    color: #007b76;
+    color: var(--color);
 }
 
 .userTable{
@@ -40,12 +40,12 @@
 }
 
 .userTable .active{
-    background: #007b76!important;
+    background: var(--color)!important;
     color: #FFFFFF!important;
 }
 
 .userTable input[type='button']:hover{
-    background: #007b76;
+    background: var(--color);
     padding: 8px 15px;
     color: #FFFFFF;
     border: none;
@@ -82,7 +82,7 @@
     border-radius: 0;
     width: 30%;
     margin-left: 10px;
-    background: #007b76;
+    background: var(--color);
     color: #ffffff;
     line-height: 35px;
     text-align: center;
@@ -109,12 +109,12 @@
     line-height: 14px;
     font-size: 12px;
     margin-left: 2px;
-    color: #007b76;
+    color: var(--color);
     cursor: pointer;
 }
 
 .supplyTable input[type='button']{
-    background: #007b76;
+    background: var(--color);
     padding: 5px 15px;
     color: #ffffff;
     border: none;
@@ -123,7 +123,7 @@
 }
 
 .supplyTable table tr:first-child td{
-    background: #007b76;
+    background: var(--color);
     color: #FFFFFF;
     padding: 15px 0px;
     border: none;
@@ -137,8 +137,8 @@
 }
 
 .iWanna:hover{
-    border: 1px solid #007b76!important;
-    background: #007b76!important;
+    border: 1px solid var(--color)!important;
+    background: var(--color)!important;
     color: #FFFFFF!important;
 }
 
@@ -165,13 +165,13 @@
 }
 
 .pageNum li.active{
-    background-color: #007b76;
+    background-color: var(--color);
     color: #ffffff;
     border-radius: 2px;
 }
 
 .pageNum li:hover{
-    background-color: #007b76;
+    background-color: var(--color);
     color: #ffffff;
     border-radius: 2px;
     cursor:pointer;
@@ -183,7 +183,7 @@
 }
 
 .releaseSupplyBtn{
-    background: #007b76;
+    background: var(--color);
     padding: 5px 15px;
     color: #ffffff;
     border: none;
@@ -194,7 +194,7 @@
 
 .releaseSupplyTit{
     font-size: 18px;
-    color: #007b76;
+    color: var(--color);
     line-height: 28px;
     padding-left: 32px;
 }
@@ -237,7 +237,7 @@
 }
 
 .submitBtn input{
-    background: #007b76;
+    background: var(--color);
     color: #FFFFFF;
     border: none;
     padding: 5px 30px;
diff --git a/static/images/bannerBottom_red.jpg b/static/images/bannerBottom_red.jpg
new file mode 100644
index 0000000..cdb84e5
Binary files /dev/null and b/static/images/bannerBottom_red.jpg differ
diff --git a/static/images/centerBanner_red.jpg b/static/images/centerBanner_red.jpg
new file mode 100644
index 0000000..d1e7874
Binary files /dev/null and b/static/images/centerBanner_red.jpg differ
diff --git a/static/images/icon1_red.png b/static/images/icon1_red.png
new file mode 100644
index 0000000..3af0c42
Binary files /dev/null and b/static/images/icon1_red.png differ
diff --git a/static/images/icon2_red.png b/static/images/icon2_red.png
new file mode 100644
index 0000000..f88482b
Binary files /dev/null and b/static/images/icon2_red.png differ
diff --git a/static/images/icon3_red.png b/static/images/icon3_red.png
new file mode 100644
index 0000000..f27f01a
Binary files /dev/null and b/static/images/icon3_red.png differ
diff --git a/static/js/common/tools.js b/static/js/common/tools.js
index c410738..3624290 100644
--- a/static/js/common/tools.js
+++ b/static/js/common/tools.js
@@ -1,5 +1,6 @@
 var serverApi = '';
 var friendsLinksList = [];
+var themeColor = '';
 define(['jquery', 'dialog'], function ($, dialog) {
 	// 工具类
 	function Tool() {
@@ -439,10 +440,21 @@ define(['jquery', 'dialog'], function ($, dialog) {
 			if (data.code == 200) {
 				var content = data.data;
 				console.log(content)
+				if (content[13].configValue == 'red'){
+					themeColor = 'red';
+					document.documentElement.style.setProperty('--color', '#e8041f');
+					document.documentElement.style.setProperty('--icon', "url('../images/icon3_red.png')");
+				}
+				if (content[13].configValue == 'green'){
+					themeColor = 'green';
+					document.documentElement.style.setProperty('--color', '#007b76');
+					document.documentElement.style.setProperty('--icon', "url('../images/icon3.png')");
+				}
 				$("#webConfigName").html(content[0].configValue);
 				$("#webConfigRecord").html(content[1].configValue + '<span style="margin-left: 10px;"></span>' + content[2].configValue);
 				$("#webConfigAddress").html(content[0].configValue + '<span style="margin-left: 10px;"></span>' + content[3].configValue);
 				serverApi = content[11].configValue;
+
 			}
 		},
 		/**
diff --git a/static/js/project/index.js b/static/js/project/index.js
index e74d710..c17c771 100644
--- a/static/js/project/index.js
+++ b/static/js/project/index.js
@@ -171,10 +171,24 @@ define(['jquery', "template", "Tools", "echarts", 'swiper'], function ($, templa
 
         //竞价大厅-滚动
         module.hallRolling();
-
+        setTimeout(function(){
+            //主题图片切换
+            module.switchTheme();
+        },500)
 
     };
 
+    //主题图片切换
+    module.switchTheme = function(){
+        if(themeColor == 'red'){
+            document.getElementById('centerBanner').src = './static/images/centerBanner_red.jpg'
+            document.getElementById('bannerBottom').src = './static/images/bannerBottom_red.jpg'
+        }else if(themeColor == 'green'){
+            document.getElementById('centerBanner').src = './static/images/centerBanner.jpg'
+            document.getElementById('bannerBottom').src = './static/images/bannerBottom.jpg'
+        }
+    }
+
     //焦点图数据
     module.focusNews = function (data) {
         if (data.code == 200) {
diff --git a/view/login/registerFrom.html b/view/login/registerFrom.html
index c797acf..fd3d4c9 100644
--- a/view/login/registerFrom.html
+++ b/view/login/registerFrom.html
@@ -107,7 +107,7 @@
         </div>
         <div class="clear"></div>
     </div>
-    <div style="border-top: 2px solid #007b76"></div>
+    <div style="border-top: 2px solid var(--color)"></div>
     <div class="w-1200">
         <div class="topBtn">
             <input type="button" value="个人用户" onclick="tabCheck('user',1)" id="userBtn" class="active"/>
@@ -285,7 +285,7 @@
                     <td></td>
                     <td colspan="2">
                         <input type="checkbox" id="iAgree" value="aaa"/>
-                        我已经阅读并同意<span style="color: #007b76;">《农村产权交易信息服务平台会员注册协议》</span>
+                        我已经阅读并同意<span style="color: var(--color);">《农村产权交易信息服务平台会员注册协议》</span>
                     </td>
                 </tr>
                 <tr>
diff --git a/view/user/user.html b/view/user/user.html
index d862d0a..688b53c 100644
--- a/view/user/user.html
+++ b/view/user/user.html
@@ -310,7 +310,7 @@
                 </tr>
                 <tr>
                     <td><span>*</span>验证码:</td>
-                    <td><input type="text" style="width: 30%" class="fl"/><p class="m-l-10 fl" style="line-height: 36px;color:#007b76;cursor: pointer;">免费获取短信动态码</p></td>
+                    <td><input type="text" style="width: 30%" class="fl"/><p class="m-l-10 fl" style="line-height: 36px;color:var(--color);cursor: pointer;">免费获取短信动态码</p></td>
                 </tr>
                 <tr>
                     <td></td>