#flashSale{display: flex;flex-wrap: nowrap;}
.flashBox{
  position: relative;
  background: #fddc52;
  padding:10px 15px;
  border-radius: 2px;
  display: flex;
  flex-direction:column;color: #333;flex-grow: 1;
}
.flashBox:first-child{flex-basis: 70%;}
.flashBox + .flashBox{background: #fae796}
.flashBox .endtime{text-align: center;font-size: 17px;font-weight: bold;}
.flashBox .endtime > .time{margin: 0 10px;font-size: 28px}
.flashBox .endtime > .text{font-size: 10px;font-weight: normal;margin-left: 10px}
.clockdiv{
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 15px;display:flex;align-items:center;justify-content: center;
}

.clockdiv .number{
  padding: 5px 0 5px 3px;letter-spacing: 3px;color: #fff;
  border-radius: 3px;font-weight: bold;margin: 0 3px;
  background: #333;box-shadow: 0px 3px 4px 0px rgba(0,0,0,.45);
}
.clockdiv .text{color: #333;margin-right: 5px}

@media(max-width: 640px) {
 .flashBox{ padding:5px 10px;}
}
@media(max-width: 480px) {
  .clockdiv{font-size: 12px}
  .flashBox .endtime > .time{margin: 0 5px;font-size: 18px}
  

}