.countdown-time .colorfff{
    padding: 0 0 0 1.8em;
    font-size: 23px !important;
    background: url(/images/application/icon_clock.png) 0% 53% no-repeat;
    -webkit-background-size: 29px auto;
    background-size: 29px auto;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  clear: both;
  visibility: hidden
}


.countdown {
  width: 100%;
  min-width: 1000px;
  max-width:1230px;
  padding:0px 0;
  text-align: center;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 0;
}

.countdown-time {
  display: block;
  text-align: center;
  vertical-align:middle;
  background-color: #444444;
}

.countdown-time ul { display: inline-block;}

.countdown-time li {
  display: inline-block;
  text-align: center;
  padding: 1em 0;
}

.countdown-time li.blank {
  line-height: 3;
  color: #999999;
  font-size: 1em;
}

.countdown-time li.item { width:auto; }

.countdown-time i {
  display: block;
  padding: 0.5em 1.8em;
  line-height: 1;
  font-size: 1.5em;
  font-weight: 500;
  margin: auto;
  border-radius: 5px;
  border: 1px solid #ddd;
  background: #f5f5f5;
  color: #333333;
}

.countdown-time span {
  display: inline-block;
  color: #999;
  font-size: 18px;
  line-height: 2.5;
  margin: 0 1em;
  text-align: left !important;
}

@media screen and (min-width:1230px){
	.countdown-time i{
	   width: 140px;
	}
	.countdown-time:after{
	   display: block; content: ''; clear: both;
	}
	.countdown-time .colorfff{
	   margin-left: 0;
	   float: left;
	   margin-top: 14px;
	}
	.countdown-time ul{
	   float: right;
	   
	}
	.countdown-time li.blank:last-child span{
	   margin-right: 0;
	}
}

@media screen and (max-width:1200px) {
    .countdown {
        min-width:715px;
        font-size: 12px;
        width: 100%;
    }
}

@media screen and (max-width:990px) {
    .countdown-time .colorfff{
        padding:0 0 0 1.5em;
        padding-left: 30px;
        margin-left: 0;
        font-size: 21px;
        -webkit-background-size: 21px auto;
        background-size: 21px auto;
    } 
    .countdown-time li.blank{
        line-height: 2;
    }
}

@media screen and (max-width:820px) {
    .countdown {
        min-width: 600px;
        font-size: 10px;
        width: 100%;
    }
    .countdown-time .colorfff{padding-left: 1em; margin-top: 0.5em;}
    .countdown{min-width:0;} 
    .countdown-time .keycolor{margin-top: 6px; font-weight: 500; -webkit-background-size: 22%; background-size: 22%;}
    .countdown-time ul{display: block; width: 338px; margin:3px auto 8px;}
    .countdown-time li{display: block; float: left;}
    .countdown-time li.item{margin:0 10px 23px 0; padding-top: 4px;}
    .countdown-time li.item:first-child{margin-left:10px;}
    .countdown-time li.blank{position: relative; margin-left: -65px;}
    .countdown-time li.blank span{position: absolute; top: 215%; font-size: 15px; margin: 0;}
    .countdown-time i{width: 72px; padding: 0.5em 0;}
    .countdown-time li.blank:nth-child(2) span{margin-left: 5px;}
    .countdown-time li.blank:nth-child(4) span{margin-left: 2px;}
    .countdown-time span{line-height:1.5;}
}

@media screen and (max-width:620px) {
    .countdown-time .colorfff{font-size: 18px !important; line-height:2; margin-top:7px; padding-left: 27px;}
    .countdown-time i{padding:0.4em;}
    .countdown-time span {
      font-size: 14px;
      line-height: 1;
    }
}

@media screen and (max-width:390px) {
    .countdown{width: 100%;}
    .countdown-time .colorfff{margin-top: 4px;}
    .countdown-time ul{width: 255px;text-align: center; margin-bottom: 0;}
    .countdown-time li.blank{margin-left: -53px;}
    .countdown-time li:last-child{margin-left: -58px;}
    .countdown-time i{width: 50px;}
    .countdown-time span {
      font-size: 13px;
      line-height: 0.8;
    }
}


/* editor */