@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?kulzch");
  src: url("fonts/icomoon.eot?kulzch#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?kulzch") format("truetype"), url("fonts/icomoon.woff?kulzch") format("woff"), url("fonts/icomoon.svg?kulzch#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-angle-up:before {
  content: "\f106"; }

.icon-angle-down:before {
  content: "\f107"; }

.cal-md,
.cal-hd,
.cal-title,
.cal-prev,
.cal-next,
.cal-bd,
.cal-week,
.cal-day,
.cal-dates,
.cal-date,
.cal-months,
.cal-month,
.cal-years,
.cal-year,
.cal-ft,
.cal-today {
  margin: 0;
  overflow: hidden;
  position: relative;
  z-index: 1; }

.cal-hd,
.cal-ft {
  box-sizing: border-box;
  height: 50px; }

.cal-prev,
.cal-next,
.cal-date,
.cal-day,
.cal-month,
.cal-year {
  text-align: center; }

.cal-prev,
.cal-next,
.cal-year,
.cal-month,
.cal-date,
.cal-day {
  float: left; }

.cal-title,
.cal-prev,
.cal-next,
.cal-year,
.cal-month,
.cal-date,
.cal-today,
.cal-time {
  cursor: pointer; }

.cal-md {
  background-color: #fff;
  font-size: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%; }

.cal-md,
.cal-switcher,
.cal-title,
.cal-prev,
.cal-next,
.cal-day,
.cal-today,
.cal-time,
.cal-months,
.cal-years,
.cal-ft-date,
.cal-ft-time {
  height: 100%; }

.cal-bd {
  height: calc((100% / 9) * 7); }

.cal-week {
    background-color: #eee;
  /* height: calc(100% / 7);  */
  height: 40px;
}

.cal-dates {
  height: calc((100% / 7) * 6); }

.cal-day,
.cal-date {
  /* width: calc(100% / 7);  */
  width: 130px;
}
.cal-date {
    box-sizing: border-box;
    border: 0.5px solid rgba(238,238,238,1);
  /* height: calc(100% / 6);  */
  height: 40px;
}

.cal-month,
.cal-year {
  height: 25%;
  width: 25%; }

.cal-md-without-footer .cal-bd {
  height: calc((100% / 8) * 7); }

.cal-title,
.cal-prev,
.cal-next,
.cal-day,
.cal-date,
.cal-month,
.cal-year,
.cal-today,
.cal-time {
  display: table; }

  .cal-title .cal-text {
    font-size:18px;
    font-family:MicrosoftYaHei-Bold,MicrosoftYaHei;
    font-weight:bold;
    color:rgba(17,17,17,1);
  }
.cal-text {
  display: table-cell;
  vertical-align: middle; }

.cal-festival-text,
.cal-lunar-text {
  bottom: 0;
  color: #999;
  font-size: 12px;
  margin: 0;
  padding: 5px;
  position: absolute;
  right: 0;
  z-index: 2; }

.cal-festival-text {
  color: #00c35a; }

/* .cal-hd {
  border-bottom: 1px solid #e9ebee; } */

.cal-title {
  color: #666;
  padding: 0 26px;
  font: normal 16px 'Arial', sans-serif;
  float: left; }
  .cal-title:hover {
    color: #34a6f8; }

.cal-switcher {
  font-size: 22px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: auto;
  z-index: 2; }
.cal-prev {
    background: url(../img/ic_cal_left.png) no-repeat center center;
    background-size: 16px 16px;
}
.cal-next {
    background: url(../img/ic_cal_right.png) no-repeat center center;
    background-size: 16px 16px;
}
.cal-prev,
.cal-next {
  color: #999;
  width: 30px; }
  .cal-prev:hover,
  .cal-next:hover {
    background-color: #e8e8e8;
    color: #666; }

.cal-year,
.cal-month,
.cal-date {
    font-size:14px;
    font-family:ArialMT;
    color:rgba(17,17,17,1); }
  .cal-year:hover,
  .cal-month:hover,
  .cal-date:hover {
    background-color: #FFF7F7;
    color: #333; }

.cal-year-prev,
.cal-year-next,
.cal-month-prev,
.cal-month-next,
.cal-date-prev,
.cal-date-next {
  color: rgba(152,159,165,1); }
  .cal-year-prev:hover,
  .cal-year-next:hover,
  .cal-month-prev:hover,
  .cal-month-next:hover,
  .cal-date-prev:hover,
  .cal-date-next:hover {
    background-color: #e8e8e8;
    color: #666; }

/* .cal-weekend {
  color: #e24144; } */
  .cal-weekend .cal-lunar-text {
    color: #e24144; }
  /* .cal-weekend:hover {
    color: #e24144; } */

.cal-picked {
  background-color: #FF1534;
  color: #fff;
  font-weight: bold; }
  .cal-picked:hover {
    background-color: #FF1534;
    color: #fff; }
  .cal-picked .cal-festival-text,
  .cal-picked .cal-lunar-text {
    color: #fff; }
  .cal-picked.cal-current {
    background-color: #FF1534; }
    .cal-picked.cal-current:hover {
      background-color: #FF1534; }
    .cal-picked.cal-current .cal-festival-text,
    .cal-picked.cal-current .cal-lunar-text {
      color: #fff; }

.cal-picked-range {
  background-color: #e1f2fa;
  color: #34a6f8;
  font-weight: normal; }
  .cal-picked-range:hover {
    background-color: #e1f2fa;
    color: #34a6f8; }

.cal-current {
  background-color: #f8a997;
  color: #fff; }
  .cal-current:hover {
    background-color: #FF1534;
    color: #fff; }
  .cal-current .cal-festival-text,
  .cal-current .cal-lunar-text {
    color: #fff; }

.cal-ft {
  border-top: 1px solid #e9ebee;
  font-size: 13px; }

.cal-ft-date {
  margin-right: 70px;
  text-align: center; }

.cal-ft-time {
  margin: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 70px;
  z-index: 2; }

.cal-today,
.cal-time {
  text-align: center; }
  .cal-today:hover,
  .cal-time:hover {
    color: #34a6f8; }

.cal-hidden {
  display: none; }
.cal-tips {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size:14px;
    font-family:MicrosoftYaHei;
    color:rgba(17,17,17,1);
    background: url(../img/ic_cla.png) no-repeat center left;
    background-size: 18px 18px;
    padding-left: 24px;
}


 @media screen and (max-width:960px){
	 .cal-day, .cal-date{ width:14.2%;}
	 .cal-md { font-size:3.8vw;}
	 .cal-year, .cal-month, .cal-date { font-size:3.8vw;}
	 .cal-date { height:9vw;}
	 .cal-weekend { border-right:0 none;}
	 .cal-hd, .cal-ft { height:12vw;}
	 .cal-title { padding:0;}
	 .cal-switcher { width:50%; left:65%;}
	 .cal-title .cal-text { font-size:4.5vw;}
	 .cal-tips { font-size:4vw; left:3vw;}

 }