.playmain .countDown2{
    background-color: #fff;
    padding:10px 0.12rem;
    margin:.1rem auto;
}
.playmain .countDown2 h2{
    font-size:0.14rem;
    line-height:0.3rem;
    color: #8f97a7;
    font-weight:400;
    text-align: center;
    margin-bottom:0.05rem;
}
.fancyClock{
	width:100%;
	display: flex;
    align-items: center;
    justify-content: center;

}
.clock{
	/* The .clock div. Created dynamically by jQuery */
	height:0.6rem;
	width:0.6rem;
	position:relative;
	/*overflow:hidden;*/
	float:left;
	margin-left:15px;
	background-size: cover;
	border-radius: 100%;
}
.clock:first-child{
	margin-left:0;
}

.clock .rotate{
	/* There are two .rotate divs - one for each half of the background */
	position:absolute;
    height:0.6rem;
    width:0.6rem;
	top:0;
	left:0;
    z-index:9;
	-webkit-transition: all 0.9s linear;
	-moz-transition: all 0.9s linear;
	-ms-transition: all 0.9s linear;
	-o-transition: all 0.9s linear;
	transition: all 0.9s linear;
    overflow: hidden;
}

.rotate.right{
	display:none;
	z-index:11;
}

.clock .display{
	/* Holds the number of seconds, minutes or hours respectfully */
	position:absolute;
	width:0.6rem;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	z-index:20;
	color:#818e9b;
	font-size:0.15rem;
	text-align:center;
	top:0.14rem;
	left:0;
	
	/* CSS3 text shadow: */
}
.clock .date-word{
	position:absolute;
	width:0.6rem;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	z-index:20;
	color:#768593;
	font-size:10px;
	text-align:center;
	top:0.34rem;
	left:0;
}

/* The left part of the background: */


/* Individual styles for each color: */
.clock.day{ border: 0.01rem solid #06b592;}
.clock.hours{ border: 0.01rem solid #2079b5;}
.clock.minutes{ border: 0.01rem solid #8a3eaa;}
.clock.seconds{ border: 0.01rem solid #f3980b;}

/* The right part of the background: */