#app{width:100%;margin:auto}.date{position:relative;border:1px solid #eee;border-radius:8px;overflow:hidden}.month{text-align:center}.weekdays{background-color:rgba(38,157,253,.6);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.weekdays>span{-webkit-box-flex:1;-ms-flex:1;flex:1;border:1px solid #eee;border-right:none;border-top:none;text-align:center;padding:4px;color:#fff}.weekdays>span:first-of-type{border-left:none}.days{display:-webkit-box;display:-ms-flexbox;display:flex;height:80px;background-color:hsla(0,0%,96.1%,.6)}.days>.day-li{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;cursor:default;border-left:1px solid #eee;color:#ddd;padding:6px}.days>.day-li:first-of-type{border-left:none}.today-active{display:inline-block;color:#f6ac27;border-radius:50%}.other-month{color:#e4393c}.date-item{text-align:left}.bg-orange{background-color:rgba(246,172,39,.6)}.bg-red{background-color:rgba(255,80,120,.6)}.day-item{color:#000;font-size:12px;text-align:left;margin-top:2px;overflow:scroll;height:50px}.day-item::-webkit-scrollbar{display:none}