﻿.countDays{
    margin-left:210px;
}
.countDays > .position:first-child {
    margin-right: 10px;
}
.countdownHolder {
    width: 100%;
    margin: 0 auto;
    font: 50px/1.6 'SourceHanSans',"微软雅黑",Arial,'AvenirLTStd', Helvetica, sans-serif;
    text-align: center;
    letter-spacing: -3px;
}

.position {
    display: inline-block;
    height: 1.7em;
    overflow: hidden;
    position: relative;
    width: 1em;
    font-weight: bold;
}

.digit {
    position: absolute;
    display: block;
    width: 1em;
    background-color: #fff;
    border-radius: 0.2em;
    text-align: center;
    color: #002BC7;
    letter-spacing: -1px;
}

    .digit.static {
        box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.35);
        background-image: linear-gradient(bottom, #fff 50%, #fff 50%);
        background-image: -o-linear-gradient(bottom, #fff 50%, #fff 50%);
        background-image: -moz-linear-gradient(bottom, #fff 50%, #fff 50%);
        background-image: -webkit-linear-gradient(bottom, #fff 50%, #fff 50%);
        background-image: -ms-linear-gradient(bottom, #fff 50%, #fff 50%);
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.5, #fff), color-stop(0.5, #fff) );
    }

.countDays{ /* display:none !important;*/ }
.countDiv0{ color:#fff;margin-right:5px; /* display:none !important;*/ }
.countHours{}
.countDiv1{}
.countMinutes{}
.countDiv2{}
.countSeconds{}


.countDiv {
    display: inline-block;
    width: 25px;
    height: 1.6em;
    position: relative;
    margin: 0px 5px;
}

    .countDiv:before,
    .countDiv:after {
        position: absolute;
        width: 10px;
        height: 10px;
        background-color: #fff;
        border-radius: 50%;
        left: 40%;
        margin-left: -3px;
        top: 0.5em;
        box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.5);
        content: '';
    }

.countDiv:after{
	top:0.9em;
}