.calendar{background:#fff;color:#17233d;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.calendar .btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.calendar .days-box{margin-top:16px;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #dedede;border-left:1px solid #dedede}.calendar .days-box>h4{font-size:16px;margin-bottom:8px}.calendar .days-box-cell{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.calendar .days-box-cell>div{line-height:24px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px;border:2px solid transparent;border-bottom:1px solid #dedede;border-right:1px solid #dedede;position:relative}.calendar .days-box-cell>div .day-num{position:sticky;display:inline-block;top:0;background:#fff}.calendar .day>div{width:14.28%;cursor:pointer;height:140px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 4px;overflow-y:auto}.calendar .week{text-align:center}.calendar .week>div{width:14.28%;color:#808695;height:32px}.calendar .active,.calendar .day>div:hover{background:rgba(45,139,240,.10196078431372549)}.calendar .active{border:2px solid #2d8cf0!important}