*{
 padding: 0;
 margin: 0;
}
.dateMain{
 height: 100%;
 width: 100%;
 position: relative;
}
.checkDate{
 position: absolute;
 width: 100%;
 height: 24px;
 border-top: 1px solid #E7E7E7;
 border-bottom: 1px solid #E7E7E7;
 top: 52px;
}
.dateMain li{
  list-style: none;
  line-height: 26px;
  font-size: 14px;
  cursor: pointer;
  padding: 0 20px;
  color: #6C6C6C;
}
.checkDate li{
 position: absolute;
 top: 0px;
 line-height: 24px;
 left: 50%;
 margin-left: -10px;
 color: #141E55;
}
.checkDate li:first-child{
 left: 30px;
}
.checkDate li:last-child{
 left: 100%;
 margin-left: -34px;
}
.dateContent{
 position: absolute;
 height: 100%;
 width: 100%;
 top: 0;
 display: flex;
 justify-content: space-between;
}

.hour,.min,.sec{
 height: 100%;
}
.hour li:nth-child(3),
.min li:nth-child(3),
.sec li:nth-child(3){
  color: #141E55;
}