#schedule-box{width:320px;margin:0 auto;padding:35px 20px;font-size:13px}
.schedule-hd{display:flex;justify-content:space-between;padding:0 15px}
.schedule-hd .arrow{font-weight:700;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.today{flex:1;text-align:center}
.ul-box{overflow:hidden}
.ul-box>li{float:left;width:14.28%;text-align:center;padding:5px 0;position:relative;margin-bottom: 5px;}
.ul-box>li a{display:block}
.ul-box>li.other-month{opacity:0}
.other-month{color:#999}
.current-month{color:#333}
.today-style{border-radius:50%;background:#58d321}
.arrow{cursor:pointer}
.dayStyle{display:inline-block;width:35px;height:35px;border-radius:50%;text-align:center;line-height:35px;cursor:pointer}
.current-month>.dayStyle:hover{background:#00bdff;color:#fff}
.today-flag .currentDate{background:#00c2b1;color:#fff}
.boxshaw{box-shadow:2px 2px 15px 2px #e3e3e3}
.selected-style{background:#00bdff;color:#fff}
#h3Ele{text-align:center;padding:10px}
.range{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(19,123,214,.67);z-index:-1;opacity:0}
.flagRange .range{opacity:1}
.flagRange .currentDate{color:#fff}
.mark-flag{background:rgba(234,105,116,1);color:#fff;}
.mark-flag0{background: rgba(234,105,116, 0.2);color:#fff;border-radius:0;}
.mark-flag1{background:rgba(234,105,116, 0.4);color:#fff;border-radius:0}
.mark-flag2{background:rgba(234,105,116, 0.6);color:#fff;border-radius:0}
.mark-flag3{background:rgba(234,105,116, 0.8);color:#fff;border-radius:0}
.mark-flag4{background:rgba(234,105,116, 1);color:#fff;border-radius:0}
.today-flag{background:#00c2b1;color:#fff}