.date-js{margin-left: 11px;background-color:#fff;width:404px;margin-top:23px;display:flex;flex-flow:column;z-index:999;}
.date-js .show-year{width:100%;height:54px;border-bottom:1px solid #e2e2e2;display:flex;align-items: center;flex-wrap: wrap;justify-content: center;color:#786e63;font-size: 20px;}
.date-js .show-year .show-date{width:40%;display:flex;align-items:center;justify-content:center}
.date-js .show-year .change-date{width:14%;display:flex;align-items:center;justify-content:center;cursor:pointer}
.date-js .show-year .change-date:hover{color:#3b87d7}
.date-js .show-week{margin-top:10px;width:100%;height:45px;display:flex;align-items: center;flex-wrap: wrap;justify-content: center;font-weight: bold;}
.date-js .show-week .week-day{width:55px;display:flex;justify-content:center;align-items:center;font-size:18px}.date-js .show-month{display:flex;align-items:center;flex-wrap:wrap;justify-content:center}
.date-js .show-month .month-day{width:55px;height:45px;display:flex;justify-content:center;align-items:center;font-size:18px;cursor:pointer}
.date-js .show-month .month-day.active{background-color:#009688;color:#fff}.date-js .show-month .month-day.today{color:#3b87d7}.date-js .show-month .month-day.today.active{color:#fff}.date-js .show-month .month-day.active:hover{color:#fff}.date-js .show-month .month-day.not-this-month{color:#c0c4cc}.date-js .show-month .month-day:hover{color:#3b87d7}.date-js .bts{width:100%;height:30px;border-top:1px solid #e2e2e2;display:flex}.date-js .bts .bt{width:50%;height:30px;display:flex;justify-content:center;align-items:center;cursor:pointer}.date-js .bts .bt:first-child{border-right:1px solid #e2e2e2}.date-js .bts .bt:hover{background-color:#00bfff;color:#fff}