.colock{background:#fff;border-radius:10px}.head{border-bottom:1px solid #efefef;padding:10px}.head-date{display:-webkit-box;display:-ms-flexbox;display:flex;width:80%;margin:0 auto}.head-date-title{background:#efefef;font-weight:600}.head-date-info,.head-date-title{padding:10px 30px;text-align:center}.head-date-info{background:#fff;border:1px solid #efefef;width:70%;color:#4095e5}.main-body{padding:10px}.grid-container{display:grid;grid-column-gap:10px;grid-template-columns:auto auto auto auto;padding:10px}.grid-item{padding:20px;text-align:center;margin-top:10px}