diff --git a/src/assets/img/modules/communityparty/ding.png b/src/assets/img/modules/communityparty/ding.png
new file mode 100644
index 000000000..e6c2cf4d5
Binary files /dev/null and b/src/assets/img/modules/communityparty/ding.png differ
diff --git a/src/assets/img/modules/communityparty/rili1.png b/src/assets/img/modules/communityparty/rili1.png
new file mode 100644
index 000000000..9dcc8d36a
Binary files /dev/null and b/src/assets/img/modules/communityparty/rili1.png differ
diff --git a/src/assets/img/modules/communityparty/rili2.png b/src/assets/img/modules/communityparty/rili2.png
new file mode 100644
index 000000000..ba88d1e4b
Binary files /dev/null and b/src/assets/img/modules/communityparty/rili2.png differ
diff --git a/src/views/modules/communityParty/calendar/cpts/calendar.vue b/src/views/modules/communityParty/calendar/cpts/calendar.vue
index db8d2c9a3..f206e34dd 100644
--- a/src/views/modules/communityParty/calendar/cpts/calendar.vue
+++ b/src/views/modules/communityParty/calendar/cpts/calendar.vue
@@ -163,9 +163,11 @@ export default {
     .top {
       position: relative;
       width: 14.285%;
-      padding: 10px 0;
+      padding: 20px 0;
+      font-size: 20px;
+      font-weight:bold;
+      background-color: #E6A23C;
       text-align: center;
-      background-color: #ffffff;
 
       &::after {
         content: "";
@@ -214,16 +216,21 @@ export default {
       }
 
       .date {
-        margin-bottom: 5px;
-        line-height: 30px;
-        font-size: 16px;
+        margin-bottom: 10px;
+        line-height: 50px;
+        font-size: 28px;
+        font-weight: bold;
+        color:#3e8ef7;
       }
 
       &.z-on {
         z-index: 21;
         box-shadow: 0 0 15px 5px #a8cee0;
+        background:#3E8EF7;
+        
         .date {
-          font-size: 20px;
+          font-size: 30px;
+          color:#ffffff;
           font-weight: bold;
         }
       }
diff --git a/src/views/modules/communityParty/calendar/index.vue b/src/views/modules/communityParty/calendar/index.vue
index a46a6a95a..8e22ffe20 100644
--- a/src/views/modules/communityParty/calendar/index.vue
+++ b/src/views/modules/communityParty/calendar/index.vue
@@ -8,7 +8,7 @@
             <div class="item">
               <el-cascader class="customer_cascader"
                            ref="myCascader"
-                           size="small"
+                           size="big"
                            v-model="fmData.orgId"
                            :options="partyOptions"
                            :props="partyOptionsProps"
@@ -114,9 +114,9 @@
                 <el-date-picker v-model="currentYearStr"
                                 value-format="yyyy"
                                 type="year"
-                                placeholder="选择年"
-                                size="small"
-                                style="width: 150px">
+                                placeholder="选择年度"
+                                size="big"
+                                style="width: 150px;">
                 </el-date-picker>
               </div>
               <div class="hd-month">
@@ -134,8 +134,8 @@
               </div>
               <div class="hd-btn">
                 <el-button type="primary"
-                           size="small"
-                           @click="handleAddYearPlan">批量生成年度报表</el-button>
+                           size="big"
+                           @click="handleAddYearPlan">生成年度活动计划</el-button>
               </div>
             </div>
             <calendar :currentYear="currentYear"
@@ -683,7 +683,9 @@ $red: #f33;
   .hd {
     display: flex;
     margin-bottom: 20px;
-
+    .hd-year {
+      margin-top: 6px;
+    }
     .hd-month {
       display: flex;
 
@@ -697,26 +699,29 @@ $red: #f33;
 
         &.z-on {
           .month-text {
-            background-color: $blue;
-            color: #ffffff;
+            background-image: url("../../../../assets/img/modules/communityparty/rili2.png");
+            color: #e60000;
           }
         }
         .month-text {
           position: relative;
           z-index: 0;
-          width: 40px;
-          height: 30px;
+          width: 50px;
+          height: 50px;
+          background-image: url("../../../../assets/img/modules/communityparty/rili1.png");
           text-align: center;
-          background-color: #eeeeee;
           border-radius: 8px;
-          line-height: 30px;
+          line-height: 66px;
+          color:#666666;
           font-size: 14px;
+          font-weight:bold;
           cursor: pointer;
         }
       }
     }
 
     .hd-btn {
+      margin-top: 6px;
       margin-left: auto;
     }
   }
@@ -762,19 +767,26 @@ $red: #f33;
 
   .tip {
     position: relative;
-    margin: 0 3px;
+    margin: 0 0px;
     padding: 3px 2px 3px 12px;
-    line-height: 16px;
-    box-shadow: 0 0 5px 1px #eee;
+    line-height: 18px;
+    box-shadow: 0 0 10px 5px #eee;
     background-color: #ffffff;
-    font-size: 12px;
-    border-radius: 4px;
+    font-size: 14px;
+   
     cursor: pointer;
-    color: #999999;
-
+    color: #666666;
+    z-index: 99999;
+ 
     &:hover {
       .all-list {
         transform: scale(1);
+        background:#ffCC00;
+        color:#000000;
+        font-size:14px;
+        border:2px #ff9900 solid;
+        border-radius:5px;
+        line-height:20px;
       }
     }
     .tip-num {
@@ -783,17 +795,19 @@ $red: #f33;
       top: -7px;
       right: -7px;
       border-radius: 100%;
-      width: 14px;
-      height: 14px;
-      line-height: 14px;
+      width: 22px;
+      height: 22px;
+      line-height: 20px;
       text-align: center;
-      font-size: 10px;
+      font-size: 12px;
       text-align: center;
       color: #ffffff;
-      background-color: #f1ba06;
+      background-color: #ff3300;
+      border:#ffffff 2px solid;
     }
     .z-on {
       color: $red;
+      font-weight:bold;
     }
     .tip-text {
       @include toe;
@@ -807,16 +821,16 @@ $red: #f33;
 
     &::before {
       position: absolute;
+      background: url("../../../../assets/img/modules/communityparty/ding.png");
       content: "";
-      left: 4px;
-      top: 0;
+      left: -20px;
+      top: -23px;
       bottom: 0;
       margin: auto;
       display: block;
-      width: 4px;
-      height: 4px;
-      border-radius: 100%;
-      background-color: $red;
+      width: 28px;
+      height: 28px;
+
     }
   }
 
@@ -830,29 +844,38 @@ $red: #f33;
     &:hover {
       .all-list {
         transform: scale(1);
+        background:#ffCC00;
+        color:#000000;
+        font-size:14px;
+        border:2px #ff9900 solid;
+        border-radius:5px;
+        line-height:20px;
       }
     }
     .corn-num {
       position: absolute;
       z-index: 10;
-      top: -7px;
-      right: -7px;
+      top: -10px;
+      right: -14px;
       border-radius: 100%;
-      width: 14px;
-      height: 14px;
-      line-height: 14px;
+      width: 22px;
+      height: 22px;
+      line-height: 20px;
       text-align: center;
-      font-size: 10px;
+      font-size: 12px;
+      font-weight:bold;
       text-align: center;
       color: #ffffff;
-      background-color: #f1ba06;
+      background-color: #F56C6C;
+      border:#ffffff 2px solid;
     }
     .corn-text {
       position: relative;
       z-index: 1;
-      font-size: 12px;
-      line-height: 18px;
-      padding-right: 3px;
+      font-size: 14px;
+      line-height: 27px;
+      font-weight: bold;
+      padding-right: 5px;
     }
 
     &::before {
@@ -864,16 +887,16 @@ $red: #f33;
       right: 0;
       width: 0px;
       height: 0;
-      border-top: 17px solid #f33;
-      border-right: 25px solid #f33;
-      border-bottom: 17px solid transparent;
-      border-left: 25px solid transparent;
+      border-top: 25px solid #E60000;
+      border-right: 28px solid #E60000;
+      border-bottom: 25px solid transparent;
+      border-left: 28px solid transparent;
     }
   }
 }
 .m-sizer {
   .item {
-    margin-bottom: 10px;
+    margin-bottom: 20px;
   }
 }