.TimeSelectorClock *{
    margin: 0;
    padding: 0;
    box-sizing:border-box;
    list-style:none;
  }
  .TimeSelectorClock{
    width:100vw;
    height:100vh;
    background:rgba(0,0,0,0.65);
    -webkit-user-select:none; 
    -moz-user-select:none; 
    -ms-user-select:none; 
    user-select:none;
    position:fixed;
    top:0;
    left:0;
    z-index:500;
    overflow: hidden;

  }
  .TimeSelectorClock  .clz_layer{
    width:100vw;
    height: 100vh;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
  }
  .TimeSelectorClock .main{
    position:absolute;
    width:80vw;
    height:120vw;
    background: #fff;
    top: calc(50vh - 60vw);
    left: 10vw;
    z-index:2;
    border-radius:8px;
    overflow: hidden;
  }
  .TimeSelectorClock .main header{
    width:100%;
    height:13.01vw;
    background: #7a9fba;
    display: block;
    text-align: center;
    color:#fff;
    line-height:13.01vw ;
  }
  .TimeSelectorClock .main header span:first-child{
    margin-left:4.69vw
  }
  .TimeSelectorClock  .main header span{
    font-size: 9.38vw;
    font-weight: bold;
    opacity: .3;
  }
  .TimeSelectorClock  .main header .current{
    opacity: 1;
  };
  .TimeSelectorClock .main header small{
    font-size: 2.53vw;
  }
  .TimeSelectorClock  content{
    display: block;
    width: 100%;
    height: 77.24vw;
    position:relative;
    overflow: hidden;
    border-bottom: 1px solid #f1f2f4;
  }
  .TimeSelectorClock oval{
    display: block;
    border-radius:50%;
    width: 67.03vw;
    height:67.03vw;
    margin-top: 5.105vw;
    margin-left: 6.485vw;
    background:#eee ;
    position:relative;
  }
  .TimeSelectorClock selector{
    border-radius:50%;
    width: 10.48vw;
    height: 10.48vw;
    display: block;
    line-height:10.48vw ;
    text-align:center;
    font-size: 3.31vw;
    position:absolute;
    left:4.414vw;
    bottom:2.21vw;
  }
  .TimeSelectorClock selector:last-child{
    right:4.414vw;
    left: auto;
  }
  .TimeSelectorClock content .active{
    background: #7A9FBA;
    color:#fff;
  }
  .TimeSelectorClock footer{
    display: block;
    width: 100%;
    height:29.66vw;
    line-height: 29.66vw;
    text-align: center;
  }
  .TimeSelectorClock footer button{
    width: 30.34vw;
    height: 9.931vw;
    margin: 0 2.759vw;
    font-size: 3.86vw;
    color:#fff;
    border:none;
    outline:none;
    border-radius:6px;
    background: #c9c9c9;
    line-height: 1;
    box-shadow:0px 5px 10px rgba(201,201,201,.4) ;
    
  }
  .TimeSelectorClock footer button:last-child{
    background: #d2bea5;
    box-shadow:0px 5px 10px rgba(210,190,165,.4) ;
  }
  .TimeSelectorClock oval .dot{
    width:1.65vw;
    height:1.65vw;
    border-radius:50%;
    position:absolute;
    background: #7A9FBA;
    top:50%;
    left:50%;
    margin-left:-0.825vw;
    margin-top:-0.825vw;
  }
  .TimeSelectorClock oval ul{
    height: 100%;
    position:absolute;
    left:50%;
    
  }
  .TimeSelectorClock oval li{
    height:100%;
    width:100%;
    position:absolute;
    padding-top:5.517vw;
    box-sizing:border-box;
  }
  .TimeSelectorClock oval .current p{
    color:#fff;
  }
  .TimeSelectorClock oval p{
    font-size:3.31vw;
    color:#999;
    width: 11.03vw;
    height: 11.03vw;
    border-radius:50%;
    line-height: 11.03vw;
    text-align: center;
    margin-left:-5.515vw;
  }
  .TimeSelectorClock oval li:nth-child(2),.indicator01,.indicator_05{
    transform: rotate(30deg);
  }
  .TimeSelectorClock oval li:nth-child(2) p{
    transform: rotate(-30deg);
  }
  .TimeSelectorClock oval li:nth-child(3),.indicator02,.indicator_10{
    transform: rotate(60deg);
  }
  .TimeSelectorClock oval li:nth-child(3) p{
    transform: rotate(-60deg);
  }
  .TimeSelectorClock oval li:nth-child(4),.indicator03,.indicator_15{
    transform: rotate(90deg);
  }
  .TimeSelectorClock oval li:nth-child(4) p{
    transform: rotate(-90deg);
  }
  .TimeSelectorClock oval li:nth-child(5),.indicator04,.indicator_20{
    transform: rotate(120deg);
  }
  .TimeSelectorClock oval li:nth-child(5) p{
    transform: rotate(-120deg);
  }
  .TimeSelectorClock oval li:nth-child(6),.indicator05,.indicator_25{
    transform: rotate(150deg);
  }
  .TimeSelectorClock oval li:nth-child(6) p{
    transform: rotate(-150deg);
  }
  .TimeSelectorClock oval li:nth-child(7),.indicator06,.indicator_30{
    transform: rotate(180deg);
  }
  .TimeSelectorClock oval li:nth-child(7) p{
    transform: rotate(-180deg);
  }
  .TimeSelectorClock oval li:nth-child(8),.indicator07,.indicator_35{
    transform: rotate(210deg);
  }
  .TimeSelectorClock oval li:nth-child(8) p{
    transform: rotate(-210deg);
  }
  .TimeSelectorClock oval li:nth-child(9),.indicator08,.indicator_40{
    transform: rotate(240deg);
  }
  .TimeSelectorClock oval li:nth-child(9) p{
    transform: rotate(-240deg);
  }
  .TimeSelectorClock oval li:nth-child(10),.indicator09,.indicator_45{
    transform: rotate(270deg);
  }
  .TimeSelectorClock oval li:nth-child(10) p{
    transform: rotate(-270deg);
  }
  .TimeSelectorClock oval li:nth-child(11),.indicator10,.indicator_50{
    transform: rotate(300deg);
  }
  .TimeSelectorClock oval li:nth-child(11) p{
    transform: rotate(-300deg);
  }
  .TimeSelectorClock oval li:nth-child(12),.indicator11,.indicator_55{
    transform: rotate(330deg);
  }
  .TimeSelectorClock oval li:nth-child(12) p{
    transform: rotate(-330deg);
  }
  .TimeSelectorClock oval .indicator{
    transition:.3s;
    width:11.03vw;
    height:calc(100% - 11.034vw);
    position:absolute;
    left:50%;
    margin-left:-5.515vw;
    margin-top: 5.517vw;
  }
  .TimeSelectorClock oval .indicator div{
    width:0.552vw;
    height:calc(50% - 11.032vw);
    background:#7A9FBA;
    margin-left:calc(50% - 0.276vw)
    
  }
  .TimeSelectorClock oval .indicator label{
      display:block;
      font-size:3.31vw;
      color:#999;
      width: 11.03vw;
      height: 11.03vw;
      border-radius:50%;
      line-height: 11.03vw;
      text-align: center;
      background:#7A9FBA;
  }
  .TimeSelectorClock .blink:active{
    animation-name: blink;
    animation-iteration-count: 1;
    animation-duration: .6s;
  }


@keyframes blink{
	from{opacity: 0.65;}
	to{opacity: 1}
}