.vue-better-calendar{position:relative;width:600px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px}.vue-better-calendar .calendar-header.calendar-header_hide{display:none}.vue-better-calendar .calendar-header .calendar-ctl{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:6px 0}.vue-better-calendar .calendar-header .calendar-ctl .calendar-btn{position:relative;-webkit-box-flex:0;-ms-flex:0 0 20px;flex:0 0 20px;width:20px;line-height:1;vertical-align:middle;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vue-better-calendar .calendar-header .calendar-ctl .calendar-btn:after{content:"";display:block;position:absolute;pointer-events:none;left:-10px;top:-10px;z-index:15;width:40px;height:40px}.vue-better-calendar .calendar-header .calendar-ctl .calendar-btn.calendar-btn-prev{text-align:left}.vue-better-calendar .calendar-header .calendar-ctl .calendar-btn.calendar-btn-next{text-align:right}.vue-better-calendar .calendar-header .calendar-ctl-month .month{position:relative;margin:0 auto;width:100px;height:20px;overflow:hidden;text-align:center;color:#5e7a88}.vue-better-calendar .calendar-header .calendar-ctl-month .month .select-month-panel{position:absolute;left:0;top:0;height:240px;width:100%;-webkit-transition:top .5s cubic-bezier(.075,.82,.165,1);transition:top .5s cubic-bezier(.075,.82,.165,1)}.vue-better-calendar .calendar-header .calendar-ctl-month .month .select-month-panel ul{padding:0;margin:0}.vue-better-calendar .calendar-header .calendar-ctl-month .month .select-month-panel .item{overflow:hidden;height:20px;line-height:20px;width:100%;text-align:center;font-size:14px}.vue-better-calendar .calendar-header .calendar-ctl-month .year{width:100px;margin:0 auto;text-align:center;font-size:22px;line-height:1;color:#999;font-weight:500}.vue-better-calendar .calendar-body .calendar-weeks.calendar-weeks_hide{display:none}.vue-better-calendar .calendar-body .calendar-weeks ul{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;padding:0;margin:0}.vue-better-calendar .calendar-body .calendar-weeks ul .weekday{-webkit-box-flex:1;-ms-flex:1;flex:1;list-style:none;line-height:1;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit;text-align:center;font-size:14px;padding:15px}.vue-better-calendar .calendar-body .calendar-dates{position:relative;background-color:#eee;border-radius:4px}.vue-better-calendar .calendar-body .calendar-dates .date-row:first-child{padding-top:2px}.vue-better-calendar .calendar-body .calendar-dates .date-row ul{padding:0;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;overflow:hidden}.vue-better-calendar .calendar-body .calendar-dates .date-row ul .calendar-day{list-style:none;position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 2px 2px 0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit;text-align:center;padding:10px 5px;border-radius:4px;background-color:#fff}.vue-better-calendar .calendar-body .calendar-dates .date-row ul .calendar-day:first-of-type{margin-left:2px}.vue-better-calendar .calendar-body .calendar-dates .date-row ul .calendar-day.disabled{background-color:#f7f7f7;color:#f7f7f7}.vue-better-calendar .calendar-body .calendar-dates .date-row ul .calendar-day.disabled.text-fest-day,.vue-better-calendar .calendar-body .calendar-dates .date-row ul .calendar-day.disabled.text-fest-day.is-gregorian,.vue-better-calendar .calendar-body .calendar-dates .date-row ul .calendar-day.disabled.text-fest-day.is-lunar,.vue-better-calendar .calendar-body .calendar-dates .date-row ul .calendar-day.disabled.text-fest-day.is-special-day,.vue-better-calendar .calendar-body .calendar-dates .date-row ul .calendar-day.disabled .text.text-day,.vue-better-calendar .calendar-body .calendar-dates .date-row ul .calendar-day.disabled .text.text-day.is-special-day{color:#b4b4b4}.vue-better-calendar .calendar-body .calendar-dates .date-row ul .calendar-day.is-today{border:1px solid #bf7fba;background-color:#bf7fba;color:#fff}.vue-better-calendar .calendar-body .calendar-dates .date-row ul .calendar-day.is-today .text.text-day,.vue-better-calendar .calendar-body .calendar-dates .date-row ul .calendar-day.is-today .text.text-day.is-special-day,.vue-better-calendar .calendar-body .calendar-dates .date-row ul .calendar-day.is-today .text.text-fest-day,.vue-better-calendar .calendar-body .calendar-dates .date-row ul .calendar-day.is-today .text.text-fest-day.is-gregorian,.vue-better-calendar .calendar-body .calendar-dates .date-row ul .calendar-day.is-today .text.text-fest-day.is-lunar,.vue-better-calendar .calendar-body .calendar-dates .date-row ul .calendar-day.is-today .text.text-fest-day.is-special-day{color:#fff}.vue-better-calendar .calendar-body .calendar-dates .date-row ul .calendar-day.selected:after{content:"";display:block;position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;top:0;width:100%;height:100%;border-radius:4px;border:1px solid red}.vue-better-calendar .calendar-body .calendar-dates .date-row ul .calendar-day.disabled:after{display:none}.vue-better-calendar .calendar-body .calendar-dates .date-row ul .calendar-day.is-today{color:#666;background-color:transparent}.vue-better-calendar .calendar-body .calendar-dates .date-row ul .text{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:normal!important;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:1.25;color:#666}.vue-better-calendar .calendar-body .calendar-dates .date-row ul .text.text-custom-day,.vue-better-calendar .calendar-body .calendar-dates .date-row ul .text.text-fest-day{font-size:11px}.vue-better-calendar .calendar-body .calendar-dates .date-row ul .text.text-day.is-special-day{color:#d6b8b8}.vue-better-calendar .calendar-body .calendar-dates .date-row ul .text.text-fest-day.is-special-day{color:red}.vue-better-calendar .calendar-body .calendar-dates .date-row ul .text.text-fest-day.is-gregorian,.vue-better-calendar .calendar-body .calendar-dates .date-row ul .text.text-fest-day.is-lunar{color:#09cd2c}