.calendar{text-align:left;margin-top:-30px}.calendar .title{font-size:24px;float:left;color:#fff;margin-right:20px;line-height:80px}.calendar .today{float:left}.calendar .today .number{padding:20px 10px;border:2px solid #fff;font-size:40px;color:#fff}.calendar .today .day{color:#fff;margin-top:15px;text-align:center}.calendar .month{float:left;width:calc(100% - 129px)}.calendar .month ul{width:100%;margin-top:20px}.calendar .month ul li{float:left;width:5.03%;font-size:20px;color:#fff;text-align:center;cursor:pointer}.calendar .month ul li.active{width:auto!important;top:-20px;position:relative}.calendar .month ul li.active .number{padding:31px 10px;border:2px solid #fff;font-size:30px;color:#fff}.calendar .month ul li .number{border:solid #fff;border-width:2px 0;padding:10px 0;margin-bottom:5px}.calendar .month ul li:first-child .number{border-left:2px solid #fff}.calendar .month ul li:last-child .number{border-right:2px solid #fff}@media(max-width:900px){.calendar .month{width:100%}.calendar .month ul li{width:7%}.calendar .month ul li:nth-child(14) .number{border-right:2px solid #fff}.calendar .title{display:none}}@media(max-width:640px){.calendar .month{width:100%}.calendar .month ul li{width:12%}.calendar .month ul li:nth-child(7) .number{border-right:2px solid #fff}.calendar .title{display:none}}@media(max-width:320px){.calendar .month{width:100%}.calendar .month ul li{width:14.3%}.calendar .month ul li:nth-child(6) .number{border-right:2px solid #fff}.calendar .title{display:none}}