*{margin: 0;padding: 0;font-style: normal;}
.clear{clear: both;}
html,body{font-family: "Microsoft YaHei", "SimSun", Helvetica, Arial, sans-serif;background:#fff;}
.box{width: 100%;height: 100%;max-width:480px;margin:auto;    background: #fff;
    border-radius: 10px;
    top: 48px;
    left: -1px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .12);
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
    padding-bottom: 0;}
.head{width: 100%;height:3.5rem;cursor: pointer;}
.head .prev,.head .next{width: 20%;text-align: center;float: left;line-height: 3.5rem;font-size:15px;}
.head .tomon{width: 60%;float: left;text-align: center;line-height: 3.5rem;font-size: 15px;}
.date ol{width: 100%;height: 4rem;background: #fff;padding: 0;}
.date ol li{display:block;float: left;width: 14.2857%;text-align: center;font-size: 15px;color: #212121;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: 4rem;text-align: center;font-size: 15px;background: #fff;position: relative;cursor: pointer;}
.date ul li i{font-size: 10px;position: absolute;right: 0;bottom:8px;display:block;height: 15px;line-height: 15px;width: 100%;text-align: center;color: #212121;}
.date ul li span{display: block;width: 100%;height: 100%;line-height: 3.5rem;text-align: center;}
.date ul .no_date{background: #fff;color: #999;cursor: no-drop;line-height: 3.5rem;}
.date ul .act_wk{color: #ed0909;}
.date ul .act_date{background: #ff6600;color: #fff;border-radius: 5px;}
.date ul .act_date i{color: #fff;}
.date ul .act_ds{background: #005bac;color: #fff;}