.preMon{margin-right:16px}.nextMon,.preMon{min-width:76px;border:none;color:#666;background:#e1e3eb}.nextMon{margin-left:16px}.xiqi{background-color:#83c3ff;font-weight:700}.tips{font-size:200%}.initBtn,.tips{text-align:center;margin-top:5%}.initBtn{font-size:150%}.initBtn button{background-color:#a5d2fd}.setBtn{font-size:45%;width:18%;height:2%;display:inline}.setting{margin-left:10%}.explain{font-size:150%;text-align:center;margin-top:3%}.explain div{width:50%;float:left}.explain #workday span{margin-left:60%;background-color:#cbffd2}.explain #weekend span{margin-right:60%;background-color:#ffd4d4}#date{font-size:30px}#dateContainer{width:100%}#dateContainer .nowTime{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;margin-bottom:20px}#dateContainer .nowTime,#dateContainer .nowTime .thisMon{height:30px;line-height:30px}#dateContainer .nowTime .thisMon span{font-size:20px;font-weight:700}#dateContainer table,#dateContainer table tr{width:100%;border:0 solid #fff}#dateContainer table tr{border-right:none;border-left:none;display:-webkit-box;display:flex;justify-content:space-around}#dateContainer table tr td{-webkit-box-flex:1;flex:1;border-right:0 solid #fff;text-align:center;height:100px}#dateContainer table tr td span[date]{position:relative;z-index:999}#dateContainer table tr tr:last-child{border:none}#dateContainer table tr td.thisDay{background-color:#eee;font-size:20px}#dateContainer table tr .isRed{color:red}#dateContainer table tr .isGrey{color:#999}#dateContainer table tr .greenColor{background-color:#cbffd2}#dateContainer table tr .redColor{background-color:#ffd4d4}#dateContainer table tr.xiqi td{height:22px;line-height:22px}