.ydy{  
  width:100%;  
  height:100%; 
  background-color:rgba(0,0,0,0.5); 
  filter:alpha(opacity=80);  
  position:fixed;  
  top:0px;  
  z-index:1000;  
} 
.main_bg{
  height:100%;
  width:100%;
  /*background-color:#666*/
}
.main{
  width:100%;
  height:100%;
  position:relative;
  margin:0 auto;
  top:12%
  }
.num_box{
  height:190px;
  width:953px;
  position:relative;
  left:24%;
  z-index:8;
  /*overflow:hidden;*/
  text-align:center;
  top:40%;
  background-image: url("../images/bg.png");
  background-repeat: no-repeat;
}
.clock1{
  position: absolute; 
  width:75px;
  height:76px;
  line-height: 76px;
  left:4.5%;
  top:27%;
  font-size: 44px;
}
.clock2{
  position: absolute;
  width:75px;
  height:76px;
  line-height: 76px;
  left:16.5%;
  top:27%;
  font-size: 44px;
}
.clock3{
  position: absolute;
  width:75px;
  height:76px;
  line-height: 76px;
  left:28.5%;
  top:27%;
  font-size: 44px;
}
.clock4{
  position: absolute;
  width:75px;
  height:76px;
  line-height: 76px;
  left:41%;
  top:27%;
  font-size: 44px;
}
.clock5{
  position: absolute;
  width:75px;
  height:76px;
  line-height: 76px;
  left:53%;
  top:27%;
  font-size: 44px;
}
.num1_a, .num1_b, .num1_c, .num1_d{
  position: absolute; 
  background:url(../images/di.png) top center repeat-y;
  width:75px;
  height:124px;
  left:4.5%;
  top:14%;
  }

.num2_a, .num2_b, .num2_c, .num2_d{
  position: absolute;
  background:url(../images/di.png) top center repeat-y;
  width:75px;
  height:124px;
  left:17%;
  top:14%;
  }
.num3_a, .num3_b, .num3_c, .num3_d{
  position: absolute;
  background:url(../images/di.png) top center repeat-y;
  width:75px;
  height:124px;
  left:29%;
  top:14%;
  }
.num4_a, .num4_b, .num4_c, .num4_d{
  position: absolute;
  background:url(../images/di.png) top center repeat-y;
  width:75px;
  height:124px;
  left:41%;
  top:14%;
  }
.num5_a, .num5_b, .num5_c, .num5_d{
  position: absolute;
  background:url(../images/di.png) top center repeat-y;
  width:75px;
  height:124px;
  left:53.5%;
  top:14%;
  }
/*.num1-b, .num2_b, .num3_b, .num4_b, .num5_b {
  visibility: hidden;
}*/


.bg_0 {
  position: absolute;
  left:4.5%;
  top:27%;
  width:78px;
  background-position-y:0px;
  height:78px;
}

.bg_1 {
  position: absolute;
  left:16.5%;
  top:27%;
  width:78px;
  background-position-y:0px;
  height:78px;
}

.bg_2 {
  position: absolute;
  left:29%;
  top:27%;
  width:78px;
  background-position-y:0px;
  height:78px;
}

.bg_3 {
  position: absolute;
  left:41%;
  top:27%;
  width:78px;
  background-position-y:0px;
  height:78px;
}

.bg_4 {
  position: absolute;
  left:53%;
  top:27%;
  width:78px;
  background-position-y:0px;
  height:78px;
}

.bg_5 {
  position: absolute;
  left:4.5%;
  top:27%;
  width:78px;
  background-position-y:0px;
  height:78px;
}

.bg_6 {
  position: absolute;
  left:16.5%;
  top:27%;
  width:78px;
  background-position-y:0px;
  height:78px;
}

.bg_7 {
  position: absolute;
  left:29%;
  top:27%;
  width:78px;
  background-position-y:0px;
  height:78px;
}

.bg_8 {
  position: absolute;
  left:41%;
  top:27%;
  width:78px;
  background-position-y:0px;
  height:78px;
}

.bg_9 {
  position: absolute;
  left:53%;
  top:27%;
  width:78px;
  background-position-y:0px;
  height:78px;
}

.bg_10 {
  position: absolute;
  left:4.5%;
  top:27%;
  width:78px;
  background-position-y:0px;
  height:78px;
}

.bg_11 {
  position: absolute;
  left:16.5%;
  top:27%;
  width:78px;
  background-position-y:0px;
  height:78px;
}

.bg_12 {
  position: absolute;
  left:29%;
  top:27%;
  width:78px;
  background-position-y:0px;
  height:78px;
}

.bg_13 {
  position: absolute;
  left:41%;
  top:27%;
  width:78px;
  background-position-y:0px;
  height:78px;
}

.bg_14 {
  position: absolute;
  left:53%;
  top:27%;
  width:78px;
  background-position-y:0px;
  height:78px;
}

.bg_15 {
  position: absolute;
  left:4.5%;
  top:27%;
  width:78px;
  background-position-y:0px;
  height:78px;
}

.bg_16 {
  position: absolute;
  left:16.5%;
  top:27%;
  width:78px;
  background-position-y:0px;
  height:78px;
}

.bg_17 {
  position: absolute;
  left:29%;
  top:27%;
  width:78px;
  background-position-y:0px;
  height:78px;
}

.bg_18 {
  position: absolute;
  left:41%;
  top:27%;
  width:78px;
  background-position-y:0px;
  height:78px;
}

.bg_19 {
  position: absolute;
  left:53%;
  top:27%;
  width:78px;
  background-position-y:0px;
  height:78px;
}

.result {
  position: absolute;
}
.a0 {
  z-index: 1000;
  top: -60px;
  left: 265px;
}
.b1 {
  z-index: 999;
  visibility: hidden;
  top: -60px;
  left: 265px;
}
.c2 {
  z-index: 999;
  visibility: hidden;
  top: -60px;
  left: 265px;
}.d3 {
  z-index: 999;
  visibility: hidden;
  top: -60px;
  left: 265px;
}
.bar{
  background-image:url("../images/before.png");
}
.cancle{
  background:url("../images/close.png") no-repeat;
}
.res0{
  background: url(../images/0.png) no-repeat;
}
.res1{
  background: url(../images/1.png) no-repeat;
}
.res2{
  background: url(../images/2.png) no-repeat;
}
.res3{
  background: url(../images/3.png) no-repeat;
}
.res4{
  background: url(../images/4.png) no-repeat;
}
.res5{
  background: url(../images/5.png) no-repeat;
}
.res6{
  background: url(../images/6.png) no-repeat;
}
.res7{
  background: url(../images/7.png) no-repeat;
}
.res8{
  background: url(../images/8.png) no-repeat;
}
.res9{
  background: url(../images/9.png) no-repeat;
}