*{margin: 0;padding: 0;font-style: normal;}
.clear{clear: both;}
.box{width: 100%;height: 100%;}
.box ol,ul{margin:0px;}
.head{width: 100%;height:4.5rem;cursor: pointer;}
.head .prev,.head .next{width: 20%;text-align: center;float: left;line-height: 4.5rem;font-size:1.6rem;}
.head .tomon{width: 60%;float: left;text-align: center;line-height: 4.5rem;font-size: 1.6rem;}
.date ol{width: 100%;height: 4rem;background: #0A86EA;padding: 0;}
.date ol li{display:block;float: left;width: 14.2857%;text-align: center;font-size: 1.6rem;color: #fff;border: none;padding: 0;line-height: 4rem;height: 4rem;}
.date ul{width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;}
.date ul li{display: block;width: 14.2857%;height: 4.5rem;text-align: center;font-size: 1.6rem;background: #fff;position: relative;}
.date ul li i{font-size: 14px;position: absolute;right: 0;bottom:0.3rem;display:block;height: 15px;line-height: 22px;width: 100%;text-align: center;color: #999999;}
.date ul li span{display: block;width: 100%;height: 100%;line-height: 4.5rem;text-align: center;}
.date ul .no_date{background: #fafafa;color: #999;line-height:4.5rem;}
.date ul .act_wk{color: #0A86EA;}
.date ul .act_date{background: #0A86EA;color: #fff;}
.date ul .act_ds{background: #005bac;color: #fff;}