fix color

 <template>
   <div class="date-filter">
     <div class="date-picker" @click="clickHandle">
-      {{date[0]}}年{{date[1]}}月 <i class="arrow"></i>
+      <span>{{date[0]}}年{{date[1]}}月</span> <span class="arrow"></span>
     </div>
     <div class="account">
       总佣金：{{total.totalSettleAmount || '¥0.0'}} &nbsp; 已打款：{{total.totalPaidAmount || '¥0.0'}}  &nbsp; 未打款：{{total.totalWaitPayAmount || '¥0.0'}}
@@ -53,6 +53,8 @@ export default {
   color: black;
   font-size: 28px;
   line-height: 40px;
+  display: flex;
+  align-items: center;
 }
 
 .account {
@@ -63,11 +65,10 @@ export default {
 }
 
 .arrow {
-  display: inline-block;
-  height: 30px;
-  width: 30px;
-  vertical-align: -3px;
+  height: 25px;
+  width: 25px;
   background: url("~statics/image/invite/arrow.png");
   background-size: cover;
+  box-sizing: border-box;
 }
 </style>

@@ -114,7 +114,7 @@ $picker-bgc := $color-white
 $picker-title-color := $color-dark-grey
 $picker-subtitle-color := $color-light-grey
 $picker-confirm-btn-color := black
-$picker-confirm-btn-active-color := $color-light-orange
+$picker-confirm-btn-active-color := black
 $picker-cancel-btn-color := $color-light-grey
 $picker-cancel-btn-active-color := $color-light-grey-s
 $picker-item-color := $color-dark-grey