/* header */
ul,li{ padding:0;margin:0;list-style:none}
.fl {  float: left;}
.fr { float: right; }
.cm-header { position: fixed; top: 0; left: 0; width: 100%; height: 2.8rem; line-height: 2.8rem; text-align: center;  color: #fff; z-index: 960;-webkit-transform:translate3d(0,0,0); }
.cm-header h1 { font-weight: normal; font-family: inherit }
.cm-header .cm-header-icon { width: 2.2rem; height: 2.2rem; display: inline-block; text-align: center }
.cm-header .cm-header-icon--c { min-width: 2.2rem; width: auto!important;padding:0 0 0 0.3rem;display: flex;}
.cm-header-icon--c div{padding-left:0.5rem;}
.cm-header .cm-page-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.cm-header .cm-page-title, .cm-header .cm-page-mutil-title, .cm-header .cm-page-select-title { position: absolute; left: 4.4rem; right: 4.4rem }
.cm-header .cm-page-title { line-height: 2.8rem; font-size: 0.8rem }
.cm-header .cm-page-title .cm-title-l { line-height: 1.4rem; display: block }
.cm-header .cm-page-title .cm-title-s { line-height: 1; font-size: 0.6rem; display: block }

.cm-calendar-box { position: fixed; top: 20%; height: 80%; overflow: hidden; width: 100%; z-index: 99999;/*-webkit-overflow-scrolling: touch;*/ }
.cm-calendar-top { height: 2.2rem;}
.cm-calendar-top .cm-header .cm-header-icon,.cm-calendar-top .cm-header .cm-header-btn { color: #4289ff;padding: 0 1rem 0 0.5rem }
.cm-calendar-top .cm-header .cm-header-icon:active { background-color: transparent; }
.cm-calendar-top .cm-header {height: 2.25rem;margin-top: -1px; position: relative;z-index: 2; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); background-color: #f5f5f5; color: #333;}
.cm-calendar-top .cm-header .cm-page-title {top: 50%;transform: translateY(-50%);}
.isapp-ios-full .cm-calendar-top .cm-header {padding-top: 0}

/*---------------日历---------------*/
/*Star 凌晨开关*/
.calendar-weehours { padding: 0.5rem 1rem; color: #333; font-size: 0.6rem;position: relative;z-index: 2;background-color: #fff }
.calendar-weehours .wh-tab { background-color: #fff; color: #4289ff; border-radius: 0.15rem; border: 1px solid #4289ff; padding: 1px; margin-left: 0.5rem; display: inline-block; vertical-align: middle; }
.calendar-weehours .wh-tab em { padding: 0 0.6rem; line-height: 1.35rem; float: left; border-radius: 0.15rem; }
.calendar-weehours .wh-tab em.current { background-color: #4289ff; color: #fff; }
.calendar-weekday { border-style: solid; border-color: #ddd; border-image: url(data:image/gif;base64,R0lGODlhBQAFAIABAN3d3f///yH5BAEAAAEALAAAAAAFAAUAAAIHhB9pGatnCgA7) 2 stretch; -webkit-border-image: url(data:image/gif;base64,R0lGODlhBQAFAIABAN3d3f///yH5BAEAAAEALAAAAAAFAAUAAAIHhB9pGatnCgA7) 2 stretch; }
.calendar-daypast { color: #cfcfcf !important }
.calendar-holiday { color: #4289ff; }
.calendar-weekday { height: 2rem; background: #f5f5f5; border-width: 0 0 1px; overflow: hidden;position: relative;z-index: 2 }
.calendar-weekday li { width: 14.28%; float: left; text-align: center; padding: 0.15rem 0; list-style: none; text-decoration: none; }
.calendar-weekday li:nth-of-type(7n), .calendar-weekday li:nth-of-type(7n+1) /*,.calendar-grid li:nth-of-type(7n),.calendar-grid li:nth-of-type(7n+1)*/{ color: #4289ff; }

.cm-calendar-inner { height: calc(100% - 4.2rem); overflow: auto; background: #fff; }
.calendar-body { background-color: #fff; height: auto; overflow: auto; }
.calendar-body .calendar-day-checkin { position: absolute; width: 200%; left: -50%; top: -2rem; background: rgba(0, 0, 0, .7); border-radius: 5px; padding: 0.35rem 0; }
.calendar-body .calendar-day-checkin:after { position: absolute;bottom:-0.25rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);content: "";width: 0;height: 0;border-width:0.25rem 0.25rem 0 0.25rem;border-style: solid;border-color:rgba(0,0,0,.7) transparent transparent transparent;}
.calendar-body .calendar-grid li:nth-of-type(7n) .calendar-day-checkin {left:auto;right:0;}
.calendar-body .calendar-grid li:nth-of-type(7n+1) .calendar-day-checkin {left:0;}
.calendar-body .calendar-month { height: 2rem; line-height: 2.2rem; text-align: center; font-weight: 300; font-size: 0.8rem;clear: both; }
.calendar-body .calendar-grid {clear: both; }
.calendar-body .calendar-grid li { width: 14.28%; height:38px; padding: 0.2rem 0; font-weight: 400; font-size: 0.7rem; float: left; text-align: center; position: relative; }
.calendar-body .calendar-grid .calendar-note { font-size: 0.55rem }
.calendar-body .calendar-grid .calendar-holiday-h, .calendar-body .calendar-grid .calendar-holiday-w { border-width: 1px; border-style: solid; height: 0.65rem; width: 0.65rem; line-height: 0.7rem; background: #fff; font-size: 0.45rem; position: absolute; right: 0; top: 0; text-align: center; }
.calendar-body .calendar-grid .calendar-holiday-h { color: #4289ff; }
.calendar-body .calendar-grid .calendar-holiday-w { color: #666; }
.calendar-body .calendar-grid li.calendar-current { background: #4289ff; color: #fff }
.calendar-body .calendar-grid li.calendar-range { background: #EBF4FA; }
.calendar-body .calendar-grid li.pass { color: #ccc;  }
.calendar-body .calendar-grid .calendar-current .calendar-holiday-w { color: #4289ff; }
.calendar-body .calendar-grid .calendar-current .calendar-holiday-h { color: #4289ff; }
.calendar-toast { width: 8.25rem; padding: 0.5rem; border-radius: 0.25rem; background: rgba(0, 0, 0, .7); color: #fff; text-align: center; position: fixed; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); bottom: 4.25rem; }
.animated80 {-webkit-animation-duration: 80ms;animation-duration: 80ms;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.calendar-holiday-flag .calendar-top{color: #ff0e47;}
.calendar-body .calendar-grid li.pass p {
    color: #ccc !important;
}