.content{
    width: 100%;
    height:750px;
    background: #fff url(../images/mnyj_dlt/bj.png) no-repeat center center;
    position: relative;
    top:0;
    left:0;
}
.y_tz{
    position: absolute;
    bottom:25px;
    left: 50px;
    z-index: 3;
}
.y_mask{
    position: absolute;
    top: 105px;
    left: 75px;
    z-index: 10;
}
.y_mask img{
    position: relative;
    z-index:10;
    width: 100%;
    height:100%;
}
.y_mask.act1_1{
    -webkit-animation:act1_1 1s 0.5s linear;
       -moz-animation:act1_1 1s 0.5s linear;
         -o-animation:act1_1 1s 0.5s linear;
            animation:act1_1 1s 0.5s linear;
}
.y_mask.act1_2{
    -webkit-transform:rotate(-90deg);
       -moz-transform:rotate(-90deg);
        -ms-transform:rotate(-90deg);
         -o-transform:rotate(-90deg);
            transform:rotate(-90deg);
}
@-webkit-keyframes act1_1 {
    0% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    100%{ -webkit-transform:rotate(-90deg); transform:rotate(-90deg);}
}
.y_mask.act2_1{
    -webkit-animation:act2_1 1s 0.5s linear;
       -moz-animation:act2_1 1s 0.5s linear;
         -o-animation:act2_1 1s 0.5s linear;
            animation:act2_1 1s 0.5s linear;
}
.y_mask.act2_2{
    -webkit-transform:rotate(-180deg);
       -moz-transform:rotate(-180deg);
        -ms-transform:rotate(-180deg);
         -o-transform:rotate(-180deg);
            transform:rotate(-180deg);
}
@-webkit-keyframes act2_1 {
    0% {-webkit-transform:rotate(-90deg);transform:rotate(-90deg);}
    100%{ -webkit-transform:rotate(-180deg); transform:rotate(-180deg);}
}

.y_mask.act3_1{
    -webkit-animation:act3_1 1s 0.5s linear;
       -moz-animation:act3_1 1s 0.5s linear;
         -o-animation:act3_1 1s 0.5s linear;
            animation:act3_1 1s 0.5s linear;
}
.y_mask.act3_2{
    -webkit-transform:rotate(-270deg);
       -moz-transform:rotate(-270deg);
        -ms-transform:rotate(-270deg);
         -o-transform:rotate(-270deg);
            transform:rotate(-270deg);
}
@-webkit-keyframes act3_1 {
    0% {-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
    100%{ -webkit-transform:rotate(-270deg); transform:rotate(-270deg);}
}

.y_mask.act4_1{
    -webkit-animation:act4_1 1s 0.5s linear;
       -moz-animation:act4_1 1s 0.5s linear;
         -o-animation:act4_1 1s 0.5s linear;
            animation:act4_1 1s 0.5s linear;
}
.y_mask.act4_2{
    -webkit-transform:rotate(-360deg);
       -moz-transform:rotate(-360deg);
        -ms-transform:rotate(-360deg);
         -o-transform:rotate(-360deg);
            transform:rotate(-360deg);
}
@-webkit-keyframes act4_1 {
    0% {-webkit-transform:rotate(-270deg);transform:rotate(-270deg);}
    100%{ -webkit-transform:rotate(-360deg); transform:rotate(-360deg);}
}
/*手动摇奖*/
.y_mask.act5{
    -webkit-animation:act5 1s 0.5s linear;
       -moz-animation:act5 1s 0.5s linear;
         -o-animation:act5 1s 0.5s linear;
            animation:act5 1s 0.5s linear;
}
@-webkit-keyframes act5 {
    0% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    100%{ -webkit-transform:rotate(-180deg); transform:rotate(-180deg);}
}

.y_mask2{
      position: absolute;
      top: 147px;
      left: 117px;
      z-index: 100;
}
.y_mask3{
    position: absolute;
    top: 479px;
    left: 69px;
    z-index: 100;
}

/*----------顶部出号码球动画-----------*/
.y_top{
    position: relative;
    top:0;
    left:0;
}
.y_top li{
    position: absolute;
    top:0;
    left:0;
    width:20px;
    height:20px;
    color:#fff;
    font:12px/20px "微软雅黑";
    z-index:1;
}
.y_top li.tt{
    z-index:10;
}
.clr_01 li{
    background: url(../images/mnyj_dlt/d_q_01.png);
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
}

/*-----------蓝球--01---------------*/
.clr_01 li:nth-of-type(1){
    top:50px;left:137px;
}
.clr_01 li:nth-of-type(1).on{
    -webkit-animation:q1_1_1 1s linear 0.7s;
       -moz-animation:q1_1_1 1s linear 0.7s;
         -o-animation:q1_1_1 1s linear 0.7s;
            animation:q1_1_1 1s linear 0.7s;
}
.clr_01 li:nth-of-type(1).tt{
    top:405px;left:270px;
    width:24px;height:24px;
    -webkit-animation:q1_2_1 1s linear infinite;
       -moz-animation:q1_2_1 1s linear infinite;
         -o-animation:q1_2_1 1s linear infinite;
            animation:q1_2_1 1s linear infinite;
}
@-webkit-keyframes q1_1_1 {
    0% { top:50px;left:137px;}
    15% { top:113px;left:140px;}
    30% { top:176px;left:145px;}
    50% { top:230px;left:153px; }
    70% { top:330px;left:195px;}
    100% { top:390px;left:240px;}
}
@-moz-keyframes q1_1_1 {
    0% { top:50px;left:137px;}
    15% { top:113px;left:140px;}
    30% { top:176px;left:145px;}
    50% { top:230px;left:153px; }
    70% { top:330px;left:195px;}
    100% { top:390px;left:240px;}
}
@-o-keyframes q1_1_1 {
    0% { top:50px;left:137px;}
    15% { top:113px;left:140px;}
    30% { top:176px;left:145px;}
    50% { top:230px;left:153px; }
    70% { top:330px;left:195px;}
    100% { top:390px;left:240px;}
}
@keyframes q1_1_1 {
    0% { top:50px;left:137px;}
    15% { top:113px;left:140px;}
    30% { top:176px;left:145px;}
    50% { top:230px;left:153px; }
    70% { top:330px;left:195px;}
    100% { top:390px;left:240px;}
}
@-webkit-keyframes q1_2_1 {
    0% {  width:24px;
        height:24px;top:405px;left:270px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { width:36px;
        height:36px;top:275px;left:255px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% {width:24px;
        height:24px; top:155px;left:240px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    75% {width:36px;
        height:36px; top:275px;left:235px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100% { width:24px;
        height:24px; top:405px;left:270px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q1_2_1 {
    0% {  width:24px;
        height:24px;top:405px;left:270px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { width:36px;
        height:36px;top:275px;left:255px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% {width:24px;
        height:24px; top:155px;left:240px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    75% {width:36px;
        height:36px; top:275px;left:235px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100% { width:24px;
        height:24px; top:405px;left:270px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q1_2_1 {
    0% {  width:24px;
        height:24px;top:405px;left:270px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { width:36px;
        height:36px;top:275px;left:255px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% {width:24px;
        height:24px; top:155px;left:240px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    75% {width:36px;
        height:36px; top:275px;left:235px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100% { width:24px;
        height:24px; top:405px;left:270px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q1_2_1 {
    0% {  width:24px;
        height:24px;top:405px;left:270px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { width:36px;
        height:36px;top:275px;left:255px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% {width:24px;
        height:24px; top:155px;left:240px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    75% {width:36px;
        height:36px; top:275px;left:235px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100% { width:24px;
        height:24px; top:405px;left:270px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}

/*-----------蓝球--02--------------*/
.clr_01 li:nth-of-type(2){
    top:71px;left:138px;
}
.clr_01 li:nth-of-type(2).on{
    -webkit-animation:q1_1_2 1s linear 0.6s;
       -moz-animation:q1_1_2 1s linear 0.6s;
         -o-animation:q1_1_2 1s linear 0.6s;
            animation:q1_1_2 1s linear 0.6s;
}
.clr_01 li:nth-of-type(2).tt{
    top:405px;left:275px;
    width:24px;height:24px;
    -webkit-animation:q1_2_2 1s linear 0.1s infinite;
       -moz-animation:q1_2_2 1s linear 0.1s infinite;
         -o-animation:q1_2_2 1s linear 0.1s infinite;
            animation:q1_2_2 1s linear 0.1s infinite;
}
@-webkit-keyframes q1_1_2 {
    0% { top:71px;left:138px;}
    15% { top:113px;left:140px;}
    30% { top:176px;left:145px;}
    50% { top:230px;left:153px; }
    70% { top:330px;left:195px;}
    100% { top:390px;left:240px;}
}
@-moz-keyframes q1_1_2 {
    0% { top:71px;left:138px;}
    15% { top:113px;left:140px;}
    30% { top:176px;left:145px;}
    50% { top:230px;left:153px; }
    70% { top:330px;left:195px;}
    100% { top:390px;left:240px;}
}
@-o-keyframes q1_1_2 {
    0% { top:71px;left:138px;}
    15% { top:113px;left:140px;}
    30% { top:176px;left:145px;}
    50% { top:230px;left:153px; }
    70% { top:330px;left:195px;}
    100% { top:390px;left:240px;}
}
@keyframes q1_1_2 {
    0% { top:71px;left:138px;}
    15% { top:113px;left:140px;}
    30% { top:176px;left:145px;}
    50% { top:230px;left:153px; }
    70% { top:330px;left:195px;}
    100% { top:390px;left:240px;}
}
@-webkit-keyframes q1_2_2 {
    0% {  width:24px;
        height:24px;top:405px;left:265px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    30% {width:24px;
        height:24px; top:185px;left:230px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% { width:24px;
        height:24px; top:405px;left:265px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q1_2_2 {
    0% {  width:24px;
        height:24px;top:405px;left:265px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    30% {width:24px;
        height:24px; top:185px;left:230px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% { width:24px;
        height:24px; top:405px;left:265px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q1_2_2 {
    0% {  width:24px;
        height:24px;top:405px;left:265px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    30% {width:24px;
        height:24px; top:185px;left:230px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% { width:24px;
        height:24px; top:405px;left:265px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q1_2_2 {
    0% {  width:24px;
        height:24px;top:405px;left:265px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    30% {width:24px;
        height:24px; top:185px;left:230px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% { width:24px;
        height:24px; top:405px;left:265px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}


/*-----------蓝球--03--------------*/

.clr_01 li:nth-of-type(3){
    top:92px;left:139px;
}
.clr_01 li:nth-of-type(3).on{
    -webkit-animation:q1_1_3 1s linear 0.5s;
       -moz-animation:q1_1_3 1s linear 0.5s;
         -o-animation:q1_1_3 1s linear 0.5s;
            animation:q1_1_3 1s linear 0.5s;
}
.clr_01 li:nth-of-type(3).tt{
    top:395px;left:260px;
    width:36px;height:36px;
    -webkit-animation:q1_2_3 1s linear 0.2s infinite;
       -moz-animation:q1_2_3 1s linear 0.2s infinite;
         -o-animation:q1_2_3 1s linear 0.2s infinite;
            animation:q1_2_3 1s linear 0.2s infinite;
}
@-webkit-keyframes q1_1_3 {
    0% { top:92px;left:139px;}
    15% { top:113px;left:140px;}
    30% { top:176px;left:145px;}
    50% { top:230px;left:153px; }
    70% { top:330px;left:195px;}
    100% { top:390px;left:240px;}
}
@-moz-keyframes q1_1_3 {
    0% { top:92px;left:139px;}
    15% { top:113px;left:140px;}
    30% { top:176px;left:145px;}
    50% { top:230px;left:153px; }
    70% { top:330px;left:195px;}
    100% { top:390px;left:240px;}
}
@-o-keyframes q1_1_3 {
    0% { top:92px;left:139px;}
    15% { top:113px;left:140px;}
    30% { top:176px;left:145px;}
    50% { top:230px;left:153px; }
    70% { top:330px;left:195px;}
    100% { top:390px;left:240px;}
}
@keyframes q1_1_3 {
    0% { top:92px;left:139px;}
    15% { top:113px;left:140px;}
    30% { top:176px;left:145px;}
    50% { top:230px;left:153px; }
    70% { top:330px;left:195px;}
    100% { top:390px;left:240px;}
}
@-webkit-keyframes q1_2_3 {
    0% {  width:36px;
        height:36px;top:395px;left:260px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    80% {width:24px;
        height:24px; top:205px;left:230px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:260px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q1_2_3 {
    0% {  width:36px;
        height:36px;top:395px;left:260px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    80% {width:24px;
        height:24px; top:205px;left:230px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:260px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q1_2_3 {
    0% {  width:36px;
        height:36px;top:395px;left:260px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    80% {width:24px;
        height:24px; top:205px;left:230px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:260px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q1_2_3 {
    0% {  width:36px;
        height:36px;top:395px;left:260px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    80% {width:24px;
        height:24px; top:205px;left:230px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:260px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}

/*-----------蓝球--04--------------*/
.clr_01 li:nth-of-type(4){
    top:113px;left:140px;
}
.clr_01 li:nth-of-type(4).on{
    -webkit-animation:q1_1_4 1s linear 0.4s;
       -moz-animation:q1_1_4 1s linear 0.4s;
         -o-animation:q1_1_4 1s linear 0.4s;
            animation:q1_1_4 1s linear 0.4s;
}
.clr_01 li:nth-of-type(4).tt{
    top:390px;left:255px;
    width:36px;height:36px;
    -webkit-animation:q1_2_4 1s linear 0.3s infinite;
       -moz-animation:q1_2_4 1s linear 0.3s infinite;
         -o-animation:q1_2_4 1s linear 0.3s infinite;
            animation:q1_2_4 1s linear 0.3s infinite;
}
@-webkit-keyframes q1_1_4 {
    0% { top:113px;left:140px;}
    30% { top:176px;left:145px;}
    50% { top:230px;left:153px; }
    70% { top:330px;left:195px;}
    100% { top:390px;left:240px;}
}
@-moz-keyframes q1_1_4 {
    0% { top:113px;left:140px;}
    30% { top:176px;left:145px;}
    50% { top:230px;left:153px; }
    70% { top:330px;left:195px;}
    100% { top:390px;left:240px;}
}
@-o-keyframes q1_1_4 {
    0% { top:113px;left:140px;}
    30% { top:176px;left:145px;}
    50% { top:230px;left:153px; }
    70% { top:330px;left:195px;}
    100% { top:390px;left:240px;}
}
@keyframes q1_1_4 {
    0% { top:113px;left:140px;}
    30% { top:176px;left:145px;}
    50% { top:230px;left:153px; }
    70% { top:330px;left:195px;}
    100% { top:390px;left:240px;}
}
@-webkit-keyframes q1_2_4 {
    0% {  width:36px;
        height:36px;top:395px;left:250px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:36px;
        height:36px; top:260px;left:360px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:250px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q1_2_4 {
    0% {  width:36px;
        height:36px;top:395px;left:250px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:36px;
        height:36px; top:260px;left:360px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:250px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q1_2_4 {
    0% {  width:36px;
        height:36px;top:395px;left:250px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:36px;
        height:36px; top:260px;left:360px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:250px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q1_2_4 {
    0% {  width:36px;
        height:36px;top:395px;left:250px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:36px;
        height:36px; top:260px;left:360px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:250px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}


/*-----------蓝球--05-------------*/

.clr_01 li:nth-of-type(5){
    top:134px;left:141px;
}
.clr_01 li:nth-of-type(5).on{
    -webkit-animation:q1_1_5 1s linear 0.3s;
       -moz-animation:q1_1_5 1s linear 0.3s;
         -o-animation:q1_1_5 1s linear 0.3s;
            animation:q1_1_5 1s linear 0.3s;
}
.clr_01 li:nth-of-type(5).tt{
    top:390px;left:240px;
    width:24px;height:24px;
    -webkit-animation:q1_2_5 1s linear 0.1s infinite;
       -moz-animation:q1_2_5 1s linear 0.1s infinite;
         -o-animation:q1_2_5 1s linear 0.1s infinite;
            animation:q1_2_5 1s linear 0.1s infinite;
}
@-webkit-keyframes q1_1_5 {
    0% { top:134px;left:141px;}
    30% { top:176px;left:145px;}
    50% { top:230px;left:153px; }
    70% { top:330px;left:195px;}
    100% { top:390px;left:240px;}
}
@-moz-keyframes q1_1_5 {
    0% { top:134px;left:141px;}
    30% { top:176px;left:145px;}
    50% { top:230px;left:153px; }
    70% { top:330px;left:195px;}
    100% { top:390px;left:240px;}
}
@-o-keyframes q1_1_5 {
    0% { top:134px;left:141px;}
    30% { top:176px;left:145px;}
    50% { top:230px;left:153px; }
    70% { top:330px;left:195px;}
    100% { top:390px;left:240px;}
}
@keyframes q1_1_5 {
    0% { top:134px;left:141px;}
    30% { top:176px;left:145px;}
    50% { top:230px;left:153px; }
    70% { top:330px;left:195px;}
    100% { top:390px;left:240px;}
}
@-webkit-keyframes q1_2_5 {
    0% {  width:36px;
        height:36px;top:395px;left:240px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:180px;left:150px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:240px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q1_2_5 {
    0% {  width:36px;
        height:36px;top:395px;left:240px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:180px;left:150px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:240px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q1_2_5 {
    0% {  width:36px;
        height:36px;top:395px;left:240px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:180px;left:150px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:240px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q1_2_5 {
    0% {  width:36px;
        height:36px;top:395px;left:240px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:180px;left:150px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:240px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}


/*-----------蓝球--06--------------*/

.clr_01 li:nth-of-type(6){
    top:155px;left:143px;
}
.clr_01 li:nth-of-type(6).on{
    -webkit-animation:q1_1_6 1s linear 0.2s;
       -moz-animation:q1_1_6 1s linear 0.2s;
         -o-animation:q1_1_6 1s linear 0.2s;
            animation:q1_1_6 1s linear 0.2s;
}
.clr_01 li:nth-of-type(6).tt{
    top:390px;left:240px;
    width:24px;height:24px;
    -webkit-animation:q1_2_6 1s linear 0.1s infinite;
       -moz-animation:q1_2_6 1s linear 0.1s infinite;
         -o-animation:q1_2_6 1s linear 0.1s infinite;
            animation:q1_2_6 1s linear 0.1s infinite;
}
@-webkit-keyframes q1_1_6 {
    0% { top:155px;left:143px;}
    30% { top:176px;left:145px;}
    50% { top:230px;left:153px; }
    70% { top:330px;left:195px;}
    100% { top:390px;left:240px;}
}
@-moz-keyframes q1_1_6 {
    0% { top:155px;left:143px;}
    30% { top:176px;left:145px;}
    50% { top:230px;left:153px; }
    70% { top:330px;left:195px;}
    100% { top:390px;left:240px;}
}
@-o-keyframes q1_1_6 {
    0% { top:155px;left:143px;}
    30% { top:176px;left:145px;}
    50% { top:230px;left:153px; }
    70% { top:330px;left:195px;}
    100% { top:390px;left:240px;}
}
@keyframes q1_1_6 {
    0% { top:155px;left:143px;}
    30% { top:176px;left:145px;}
    50% { top:230px;left:153px; }
    70% { top:330px;left:195px;}
    100% { top:390px;left:240px;}
}
@-webkit-keyframes q1_2_6 {
    0% {  width:36px;
        height:36px;top:395px;left:240px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:175px;left:260px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:240px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q1_2_6 {
    0% {  width:36px;
        height:36px;top:395px;left:240px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:175px;left:260px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:240px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q1_2_6 {
    0% {  width:36px;
        height:36px;top:395px;left:240px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:175px;left:260px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:240px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q1_2_6 {
    0% {  width:36px;
        height:36px;top:395px;left:240px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:175px;left:260px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:240px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}



/*-----------蓝球--07--------------*/

.clr_01 li:nth-of-type(7){
    top:176px;left:145px;
}
.clr_01 li:nth-of-type(7).on{
    -webkit-animation:q1_1_7 1s linear 0.1s;
       -moz-animation:q1_1_7 1s linear 0.1s;
         -o-animation:q1_1_7 1s linear 0.1s;
            animation:q1_1_7 1s linear 0.1s;
}
.clr_01 li:nth-of-type(7).tt{
    top:390px;left:240px;
    width:24px;height:24px;
    -webkit-animation:q1_2_7 1s linear 0.3s infinite;
       -moz-animation:q1_2_7 1s linear 0.3s infinite;
         -o-animation:q1_2_7 1s linear 0.3s infinite;
            animation:q1_2_7 1s linear 0.3s infinite;
}
@-webkit-keyframes q1_1_7 {
    0% { top:176px;left:145px;}
    50% { top:230px;left:153px; }
    70% { top:330px;left:195px;}
    100% { top:390px;left:240px;}
}
@-moz-keyframes q1_1_7 {
    0% { top:176px;left:145px;}
    50% { top:230px;left:153px; }
    70% { top:330px;left:195px;}
    100% { top:390px;left:240px;}
}
@-o-keyframes q1_1_7 {
    0% { top:176px;left:145px;}
    50% { top:230px;left:153px; }
    70% { top:330px;left:195px;}
    100% { top:390px;left:240px;}
}
@keyframes q1_1_7 {
    0% { top:176px;left:145px;}
    50% { top:230px;left:153px; }
    70% { top:330px;left:195px;}
    100% { top:390px;left:240px;}
}
@-webkit-keyframes q1_2_7 {
    0% {  width:36px;
        height:36px;top:395px;left:240px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:175px;left:280px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:240px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q1_2_7 {
    0% {  width:36px;
        height:36px;top:395px;left:240px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:175px;left:280px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:240px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q1_2_7 {
    0% {  width:36px;
        height:36px;top:395px;left:240px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:175px;left:280px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:240px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q1_2_7 {
    0% {  width:36px;
        height:36px;top:395px;left:240px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:175px;left:280px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:240px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}


.clr_02 li{
    background: url(../images/mnyj_dlt/d_q_02.png);
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
}
/*-----------黑球--01---------------*/
.clr_02 li:nth-of-type(1){
    top:44px;left:171px;
}
.clr_02 li:nth-of-type(1).on{
    -webkit-animation:q2_1_1 1s linear 0.7s;
       -moz-animation:q2_1_1 1s linear 0.7s;
         -o-animation:q2_1_1 1s linear 0.7s;
            animation:q2_1_1 1s linear 0.7s;
}
.clr_02 li:nth-of-type(1).tt{
    top:405px;left:270px;
    width:24px;height:24px;
    -webkit-animation:q2_2_1 1s linear infinite;
       -moz-animation:q2_2_1 1s linear infinite;
         -o-animation:q2_2_1 1s linear infinite;
            animation:q2_2_1 1s linear infinite;
}
@-webkit-keyframes q2_1_1 {
    0% { top:44px;left:171px;}
    15% { top:107px;left:174px;}
    30% { top:170px;left:179px;}
    50% { top:224px;left:187px;}
    70% { top:324px;left:229px;}
    100% { top:398px;left:304px;}
}
@-moz-keyframes q2_1_1 {
    0% { top:44px;left:171px;}
    15% { top:107px;left:174px;}
    30% { top:170px;left:179px;}
    50% { top:224px;left:187px;}
    70% { top:324px;left:229px;}
    100% { top:398px;left:304px;}
}
@-o-keyframes q2_1_1 {
    0% { top:44px;left:171px;}
    15% { top:107px;left:174px;}
    30% { top:170px;left:179px;}
    50% { top:224px;left:187px;}
    70% { top:324px;left:229px;}
    100% { top:398px;left:304px;}
}
@keyframes q2_1_1 {
    0% { top:44px;left:171px;}
    15% { top:107px;left:174px;}
    30% { top:170px;left:179px;}
    50% { top:224px;left:187px;}
    70% { top:324px;left:229px;}
    100% { top:398px;left:304px;}
}
@-webkit-keyframes q2_2_1 {
    0% {  width:24px;
        height:24px;top:400px;left:290px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { width:36px;
        height:36px;top:270px;left:275px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% {width:24px;
        height:24px; top:150px;left:260px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    75% {width:36px;
        height:36px; top:270px;left:255px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100% { width:24px;
        height:24px; top:400px;left:290px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q2_2_1 {
    0% {  width:24px;
        height:24px;top:400px;left:290px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { width:36px;
        height:36px;top:270px;left:275px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% {width:24px;
        height:24px; top:150px;left:260px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    75% {width:36px;
        height:36px; top:270px;left:255px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100% { width:24px;
        height:24px; top:400px;left:290px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q2_2_1 {
    0% {  width:24px;
        height:24px;top:400px;left:290px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { width:36px;
        height:36px;top:270px;left:275px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% {width:24px;
        height:24px; top:150px;left:260px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    75% {width:36px;
        height:36px; top:270px;left:255px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100% { width:24px;
        height:24px; top:400px;left:290px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q2_2_1 {
    0% {  width:24px;
        height:24px;top:400px;left:290px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { width:36px;
        height:36px;top:270px;left:275px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% {width:24px;
        height:24px; top:150px;left:260px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    75% {width:36px;
        height:36px; top:270px;left:255px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100% { width:24px;
        height:24px; top:400px;left:290px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}


/*-----------黑球--02--------------*/
.clr_02 li:nth-of-type(2){
    top:65px;left:172px;
}
.clr_02 li:nth-of-type(2).on{
    -webkit-animation:q2_1_2 1s linear 0.6s;
       -moz-animation:q2_1_2 1s linear 0.6s;
         -o-animation:q2_1_2 1s linear 0.6s;
            animation:q2_1_2 1s linear 0.6s;
}
.clr_02 li:nth-of-type(2).tt{
    top:398px;left:304px;
    width:24px;height:24px;
    -webkit-animation:q2_2_2 1s linear infinite;
       -moz-animation:q2_2_2 1s linear infinite;
         -o-animation:q2_2_2 1s linear infinite;
            animation:q2_2_2 1s linear infinite;
}
@-webkit-keyframes q2_1_2 {
    0% { top:65px;left:172px;}
    15% { top:107px;left:174px;}
    30% { top:170px;left:179px;}
    50% { top:224px;left:187px;}
    70% { top:324px;left:229px;}
    100% { top:395px;left:300px;}
}
@-moz-keyframes q2_1_2 {
    0% { top:65px;left:172px;}
    15% { top:107px;left:174px;}
    30% { top:170px;left:179px;}
    50% { top:224px;left:187px;}
    70% { top:324px;left:229px;}
    100% { top:395px;left:300px;}
}
@-o-keyframes q2_1_2 {
    0% { top:65px;left:172px;}
    15% { top:107px;left:174px;}
    30% { top:170px;left:179px;}
    50% { top:224px;left:187px;}
    70% { top:324px;left:229px;}
    100% { top:395px;left:300px;}
}
@keyframes q2_1_2 {
    0% { top:65px;left:172px;}
    15% { top:107px;left:174px;}
    30% { top:170px;left:179px;}
    50% { top:224px;left:187px;}
    70% { top:324px;left:229px;}
    100% { top:395px;left:300px;}
}
@-webkit-keyframes q2_2_2 {
    0% {  width:24px;
        height:24px;top:395px;left:300px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    30% {width:36px;
        height:36px; top:180px;left:205px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% { width:24px;
        height:24px; top:395px;left:300px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q2_2_2 {
    0% {  width:24px;
        height:24px;top:395px;left:300px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    30% {width:36px;
        height:36px; top:180px;left:205px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% { width:24px;
        height:24px; top:395px;left:300px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q2_2_2 {
    0% {  width:24px;
        height:24px;top:395px;left:300px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    30% {width:36px;
        height:36px; top:180px;left:205px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% { width:24px;
        height:24px; top:395px;left:300px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q2_2_2 {
    0% {  width:24px;
        height:24px;top:395px;left:300px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    30% {width:36px;
        height:36px; top:180px;left:205px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% { width:24px;
        height:24px; top:395px;left:300px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}


/*-----------黑球--03--------------*/

.clr_02 li:nth-of-type(3){
    top:86px;left:173px;
}
.clr_02 li:nth-of-type(3).on{
    -webkit-animation:q2_1_3 1s linear 0.5s;
       -moz-animation:q2_1_3 1s linear 0.5s;
         -o-animation:q2_1_3 1s linear 0.5s;
            animation:q2_1_3 1s linear 0.5s;
}
.clr_02 li:nth-of-type(3).tt{
    top:395px;left:260px;
    width:36px;height:36px;
    -webkit-animation:q2_2_3 1s linear infinite;
       -moz-animation:q2_2_3 1s linear infinite;
         -o-animation:q2_2_3 1s linear infinite;
            animation:q2_2_3 1s linear infinite;
}
@-webkit-keyframes q2_1_3 {
    0% { top:86px;left:173px;}
    15% { top:107px;left:174px;}
    30% { top:170px;left:179px;}
    50% { top:224px;left:187px;}
    70% { top:324px;left:229px;}
    100% { top:395px;left:260px;}
}
@-moz-keyframes q2_1_3 {
    0% { top:86px;left:173px;}
    15% { top:107px;left:174px;}
    30% { top:170px;left:179px;}
    50% { top:224px;left:187px;}
    70% { top:324px;left:229px;}
    100% { top:395px;left:260px;}
}
@-o-keyframes q2_1_3 {
    0% { top:86px;left:173px;}
    15% { top:107px;left:174px;}
    30% { top:170px;left:179px;}
    50% { top:224px;left:187px;}
    70% { top:324px;left:229px;}
    100% { top:395px;left:260px;}
}
@keyframes q2_1_3 {
    0% { top:86px;left:173px;}
    15% { top:107px;left:174px;}
    30% { top:170px;left:179px;}
    50% { top:224px;left:187px;}
    70% { top:324px;left:229px;}
    100% { top:395px;left:260px;}
}
@-webkit-keyframes q2_2_3 {
    0% {  width:36px;
        height:36px;top:395px;left:260px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    80% {width:24px;
        height:24px; top:205px;left:160px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:260px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q2_2_3 {
    0% {  width:36px;
        height:36px;top:395px;left:260px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    80% {width:24px;
        height:24px; top:205px;left:160px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:260px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q2_2_3 {
    0% {  width:36px;
        height:36px;top:395px;left:260px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    80% {width:24px;
        height:24px; top:205px;left:160px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:260px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q2_2_3 {
    0% {  width:36px;
        height:36px;top:395px;left:260px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    80% {width:24px;
        height:24px; top:205px;left:160px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:260px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}

/*-----------黑球--04--------------*/

.clr_02 li:nth-of-type(4){
    top:107px;left:174px;
}
.clr_02 li:nth-of-type(4).on{
    -webkit-animation:q2_1_4 1s linear 0.4s;
       -moz-animation:q2_1_4 1s linear 0.4s;
         -o-animation:q2_1_4 1s linear 0.4s;
            animation:q2_1_4 1s linear 0.4s;
}
.clr_02 li:nth-of-type(4).tt{
    top:390px;left:255px;
    width:24px;height:24px;
    -webkit-animation:q2_2_4 0.8s linear 0.2s infinite;
       -moz-animation:q2_2_4 0.8s linear 0.2s infinite;
         -o-animation:q2_2_4 0.8s linear 0.2s infinite;
            animation:q2_2_4 0.8s linear 0.2s infinite;
}
@-webkit-keyframes q2_1_4 {
    0% { top:107px;left:174px;}
    30% { top:170px;left:179px;}
    50% { top:224px;left:187px;}
    70% { top:324px;left:229px;}
    100% { top:395px;left:280px;}
}
@-moz-keyframes q2_1_4 {
    0% { top:107px;left:174px;}
    30% { top:170px;left:179px;}
    50% { top:224px;left:187px;}
    70% { top:324px;left:229px;}
    100% { top:395px;left:280px;}
}
@-o-keyframes q2_1_4 {
    0% { top:107px;left:174px;}
    30% { top:170px;left:179px;}
    50% { top:224px;left:187px;}
    70% { top:324px;left:229px;}
    100% { top:395px;left:280px;}
}
@keyframes q2_1_4 {
    0% { top:107px;left:174px;}
    30% { top:170px;left:179px;}
    50% { top:224px;left:187px;}
    70% { top:324px;left:229px;}
    100% { top:395px;left:280px;}
}
@-webkit-keyframes q2_2_4 {
    0% {  width:36px;
        height:36px;top:395px;left:280px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:345px;left:160px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:280px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q2_2_4 {
    0% {  width:36px;
        height:36px;top:395px;left:280px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:345px;left:160px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:280px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q2_2_4 {
    0% {  width:36px;
        height:36px;top:395px;left:280px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:345px;left:160px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:280px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q2_2_4 {
    0% {  width:36px;
        height:36px;top:395px;left:280px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:345px;left:160px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:280px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}


/*-----------黑球--05-------------*/

.clr_02 li:nth-of-type(5){
    top:128px;left:175px;
}
.clr_02 li:nth-of-type(5).on{
    -webkit-animation:q2_1_5 1s linear 0.3s;
       -moz-animation:q2_1_5 1s linear 0.3s;
         -o-animation:q2_1_5 1s linear 0.3s;
            animation:q2_1_5 1s linear 0.3s;
}
.clr_02 li:nth-of-type(5).tt{
    position: absolute;
    top:390px;
    left:240px;
    z-index: 2;
    width:24px;
    height:24px;
    -webkit-animation:q2_2_5 1s linear 0.1s infinite;
       -moz-animation:q2_2_5 1s linear 0.1s infinite;
         -o-animation:q2_2_5 1s linear 0.1s infinite;
            animation:q2_2_5 1s linear 0.1s infinite;
}
@-webkit-keyframes q2_1_5 {
    0% { top:128px;left:175px;}
    30% { top:170px;left:179px;}
    50% { top:224px;left:187px;}
    70% { top:324px;left:229px;}
    100% { top:385px;left:280px;}
}
@-moz-keyframes q2_1_5 {
    0% { top:128px;left:175px;}
    30% { top:170px;left:179px;}
    50% { top:224px;left:187px;}
    70% { top:324px;left:229px;}
    100% { top:385px;left:280px;}
}
@-o-keyframes q2_1_5 {
    0% { top:128px;left:175px;}
    30% { top:170px;left:179px;}
    50% { top:224px;left:187px;}
    70% { top:324px;left:229px;}
    100% { top:385px;left:280px;}
}
@keyframes q2_1_5 {
    0% { top:128px;left:175px;}
    30% { top:170px;left:179px;}
    50% { top:224px;left:187px;}
    70% { top:324px;left:229px;}
    100% { top:385px;left:280px;}
}
@-webkit-keyframes q2_2_5 {
    0% {  width:36px;
        height:36px;top:385px;left:280px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    40% {width:24px;
        height:24px; top:200px;left:150px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:280px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q2_2_5 {
    0% {  width:36px;
        height:36px;top:385px;left:280px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    40% {width:24px;
        height:24px; top:200px;left:150px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:280px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q2_2_5 {
    0% {  width:36px;
        height:36px;top:385px;left:280px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    40% {width:24px;
        height:24px; top:200px;left:150px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:280px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q2_2_5 {
    0% {  width:36px;
        height:36px;top:385px;left:280px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    40% {width:24px;
        height:24px; top:200px;left:150px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:280px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}


/*-----------黑球--06--------------*/

.clr_02 li:nth-of-type(6){
    top:149px;left:177px;
}
.clr_02 li:nth-of-type(6).on{
    -webkit-animation:q2_1_6 1s linear 0.2s;
       -moz-animation:q2_1_6 1s linear 0.2s;
         -o-animation:q2_1_6 1s linear 0.2s;
            animation:q2_1_6 1s linear 0.2s;
}
.clr_02 li:nth-of-type(6).tt{
    top:390px;left:240px;
    width:24px;height:24px;
    -webkit-animation:q2_2_6 0.9s linear 0.1s infinite;
       -moz-animation:q2_2_6 0.9s linear 0.1s infinite;
         -o-animation:q2_2_6 0.9s linear 0.1s infinite;
            animation:q2_2_6 0.9s linear 0.1s infinite;
}
@-webkit-keyframes q2_1_6 {
    0% { top:149px;left:177px;}
    30% { top:170px;left:179px;}
    50% { top:224px;left:187px;}
    70% { top:324px;left:229px;}
    100% { top:385px;left:290px;}
}
@-moz-keyframes q2_1_6 {
    0% { top:149px;left:177px;}
    30% { top:170px;left:179px;}
    50% { top:224px;left:187px;}
    70% { top:324px;left:229px;}
    100% { top:385px;left:290px;}
}
@-o-keyframes q2_1_6 {
    0% { top:149px;left:177px;}
    30% { top:170px;left:179px;}
    50% { top:224px;left:187px;}
    70% { top:324px;left:229px;}
    100% { top:385px;left:290px;}
}
@keyframes q2_1_6 {
    0% { top:149px;left:177px;}
    30% { top:170px;left:179px;}
    50% { top:224px;left:187px;}
    70% { top:324px;left:229px;}
    100% { top:385px;left:290px;}
}
@-webkit-keyframes q2_2_6 {
    0% {  width:36px;
        height:36px;top:385px;left:290px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    40% {width:24px;
        height:24px; top:195px;left:330px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:290px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q2_2_6 {
    0% {  width:36px;
        height:36px;top:385px;left:290px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    40% {width:24px;
        height:24px; top:195px;left:330px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:290px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q2_2_6 {
    0% {  width:36px;
        height:36px;top:385px;left:290px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    40% {width:24px;
        height:24px; top:195px;left:330px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:290px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q2_2_6 {
    0% {  width:36px;
        height:36px;top:385px;left:290px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    40% {width:24px;
        height:24px; top:195px;left:330px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:290px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}



/*-----------黑球--07--------------*/

.clr_02 li:nth-of-type(7){
    top:170px;left:179px;
}
.clr_02 li:nth-of-type(7).on{
    -webkit-animation:q2_1_7 1s linear 0.1s;
       -moz-animation:q2_1_7 1s linear 0.1s;
         -o-animation:q2_1_7 1s linear 0.1s;
            animation:q2_1_7 1s linear 0.1s;
}
.clr_02 li:nth-of-type(7).tt{
    top:390px;left:240px;
    width:24px;height:24px;
    -webkit-animation:q2_2_7 0.7s linear 0.3s infinite;
       -moz-animation:q2_2_7 0.7s linear 0.3s infinite;
         -o-animation:q2_2_7 0.7s linear 0.3s infinite;
            animation:q2_2_7 0.7s linear 0.3s infinite;
}
@-webkit-keyframes q2_1_7 {
    0% { top:170px;left:179px;}
    50% { top:224px;left:187px;}
    70% { top:324px;left:229px;}
    100% { top:385px;left:290px;}
}
@-moz-keyframes q2_1_7 {
    0% { top:170px;left:179px;}
    50% { top:224px;left:187px;}
    70% { top:324px;left:229px;}
    100% { top:385px;left:290px;}
}
@-o-keyframes q2_1_7 {
    0% { top:170px;left:179px;}
    50% { top:224px;left:187px;}
    70% { top:324px;left:229px;}
    100% { top:385px;left:290px;}
}
@keyframes q2_1_7 {
    0% { top:170px;left:179px;}
    50% { top:224px;left:187px;}
    70% { top:324px;left:229px;}
    100% { top:385px;left:290px;}
}
@-webkit-keyframes q2_2_7 {
    0% {  width:36px;
        height:36px;top:385px;left:290px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    30% {width:24px;
        height:24px; top:175px;left:280px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:290px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q2_2_7 {
    0% {  width:36px;
        height:36px;top:385px;left:290px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    30% {width:24px;
        height:24px; top:175px;left:280px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:290px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q2_2_7 {
    0% {  width:36px;
        height:36px;top:385px;left:290px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    30% {width:24px;
        height:24px; top:175px;left:280px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:290px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q2_2_7 {
    0% {  width:36px;
        height:36px;top:385px;left:290px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    30% {width:24px;
        height:24px; top:175px;left:280px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:290px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}


.clr_03 li{
    background: url(../images/mnyj_dlt/d_q_03.png);
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
}
/*-----------红球--01---------------*/
.clr_03 li:nth-of-type(1){
    top:38px;left:205px;
}
.clr_03 li:nth-of-type(1).on{
    -webkit-animation:q3_1_1 1s linear 0.7s;
       -moz-animation:q3_1_1 1s linear 0.7s;
         -o-animation:q3_1_1 1s linear 0.7s;
            animation:q3_1_1 1s linear 0.7s;
}
.clr_03 li:nth-of-type(1).tt{
    top:392px;left:338px;
    width:24px;height:24px;
    -webkit-animation:q3_2_1 1s linear infinite;
       -moz-animation:q3_2_1 1s linear infinite;
         -o-animation:q3_2_1 1s linear infinite;
            animation:q3_2_1 1s linear infinite;
}
@-webkit-keyframes q3_1_1 {
    0% { top:38px;left:205px;}
    15% { top:101px;left:208px;}
    30% { top:164px;left:213px;}
    50% { top:218px;left:221px;}
    70% { top:318px;left:263px;}
    100% { top:392px;left:338px;}
}
@-moz-keyframes q3_1_1 {
    0% { top:38px;left:205px;}
    15% { top:101px;left:208px;}
    30% { top:164px;left:213px;}
    50% { top:218px;left:221px;}
    70% { top:318px;left:263px;}
    100% { top:392px;left:338px;}
}
@-o-keyframes q3_1_1 {
    0% { top:38px;left:205px;}
    15% { top:101px;left:208px;}
    30% { top:164px;left:213px;}
    50% { top:218px;left:221px;}
    70% { top:318px;left:263px;}
    100% { top:392px;left:338px;}
}
@keyframes q3_1_1 {
    0% { top:38px;left:205px;}
    15% { top:101px;left:208px;}
    30% { top:164px;left:213px;}
    50% { top:218px;left:221px;}
    70% { top:318px;left:263px;}
    100% { top:392px;left:338px;}
}
@-webkit-keyframes q3_2_1 {
    0% {  width:24px;
        height:24px;top:400px;left:290px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { width:36px;
        height:36px;top:270px;left:275px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% {width:24px;
        height:24px; top:150px;left:260px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    75% {width:36px;
        height:36px; top:270px;left:255px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100% { width:24px;
        height:24px; top:400px;left:290px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q3_2_1 {
    0% {  width:24px;
        height:24px;top:400px;left:290px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { width:36px;
        height:36px;top:270px;left:275px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% {width:24px;
        height:24px; top:150px;left:260px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    75% {width:36px;
        height:36px; top:270px;left:255px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100% { width:24px;
        height:24px; top:400px;left:290px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q3_2_1 {
    0% {  width:24px;
        height:24px;top:400px;left:290px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { width:36px;
        height:36px;top:270px;left:275px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% {width:24px;
        height:24px; top:150px;left:260px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    75% {width:36px;
        height:36px; top:270px;left:255px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100% { width:24px;
        height:24px; top:400px;left:290px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q3_2_1 {
    0% {  width:24px;
        height:24px;top:400px;left:290px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { width:36px;
        height:36px;top:270px;left:275px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% {width:24px;
        height:24px; top:150px;left:260px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    75% {width:36px;
        height:36px; top:270px;left:255px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100% { width:24px;
        height:24px; top:400px;left:290px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}


/*-----------红球--02--------------*/

.clr_03 li:nth-of-type(2){
    top:59px;left:206px;
}
.clr_03 li:nth-of-type(2).on{
    -webkit-animation:q3_1_2 1s linear 0.6s;
       -moz-animation:q3_1_2 1s linear 0.6s;
         -o-animation:q3_1_2 1s linear 0.6s;
            animation:q3_1_2 1s linear 0.6s;
}
.clr_03 li:nth-of-type(2).tt{
    top:398px;left:304px;
    width:24px;height:24px;
    -webkit-animation:q3_2_2 1s linear infinite;
       -moz-animation:q3_2_2 1s linear infinite;
         -o-animation:q3_2_2 1s linear infinite;
            animation:q3_2_2 1s linear infinite;
}
@-webkit-keyframes q3_1_2 {
    0% { top:59px;left:206px;}
    15% { top:101px;left:208px;}
    30% { top:164px;left:213px;}
    50% { top:218px;left:221px;}
    70% { top:318px;left:263px;}
    100% { top:392px;left:338px;}
}
@-moz-keyframes q3_1_2 {
    0% { top:59px;left:206px;}
    15% { top:101px;left:208px;}
    30% { top:164px;left:213px;}
    50% { top:218px;left:221px;}
    70% { top:318px;left:263px;}
    100% { top:392px;left:338px;}
}
@-o-keyframes q3_1_2 {
    0% { top:59px;left:206px;}
    15% { top:101px;left:208px;}
    30% { top:164px;left:213px;}
    50% { top:218px;left:221px;}
    70% { top:318px;left:263px;}
    100% { top:392px;left:338px;}
}
@keyframes q3_1_2 {
    0% { top:59px;left:206px;}
    15% { top:101px;left:208px;}
    30% { top:164px;left:213px;}
    50% { top:218px;left:221px;}
    70% { top:318px;left:263px;}
    100% { top:392px;left:338px;}
}
@-webkit-keyframes q3_2_2 {
    0% {  width:24px;
        height:24px;top:395px;left:300px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    30% {width:24px;
        height:24px; top:165px;left:225px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% { width:24px;
        height:24px; top:395px;left:300px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q3_2_2 {
    0% {  width:24px;
        height:24px;top:395px;left:300px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    30% {width:24px;
        height:24px; top:165px;left:225px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% { width:24px;
        height:24px; top:395px;left:300px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q3_2_2 {
    0% {  width:24px;
        height:24px;top:395px;left:300px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    30% {width:24px;
        height:24px; top:165px;left:225px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% { width:24px;
        height:24px; top:395px;left:300px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q3_2_2 {
    0% {  width:24px;
        height:24px;top:395px;left:300px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    30% {width:24px;
        height:24px; top:165px;left:225px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% { width:24px;
        height:24px; top:395px;left:300px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}


/*-----------红球--03--------------*/

.clr_03 li:nth-of-type(3){
    top:80px;left:207px;
}
.clr_03 li:nth-of-type(3).on{
    -webkit-animation:q3_1_3 1s linear 0.5s;
       -moz-animation:q3_1_3 1s linear 0.5s;
         -o-animation:q3_1_3 1s linear 0.5s;
            animation:q3_1_3 1s linear 0.5s;
}
.clr_03 li:nth-of-type(3).tt{
    top:395px;left:260px;
    width:36px;height:36px;
    -webkit-animation:q3_2_3 1s linear infinite;
       -moz-animation:q3_2_3 1s linear infinite;
         -o-animation:q3_2_3 1s linear infinite;
            animation:q3_2_3 1s linear infinite;
}
@-webkit-keyframes q3_1_3 {
    0% { top:80px;left:207px;}
    15% { top:101px;left:208px;}
    30% { top:164px;left:213px;}
    50% { top:218px;left:221px;}
    70% { top:318px;left:263px;}
    100% { top:392px;left:338px;}
}
@-moz-keyframes q3_1_3 {
    0% { top:80px;left:207px;}
    15% { top:101px;left:208px;}
    30% { top:164px;left:213px;}
    50% { top:218px;left:221px;}
    70% { top:318px;left:263px;}
    100% { top:392px;left:338px;}
}
@-o-keyframes q3_1_3 {
    0% { top:80px;left:207px;}
    15% { top:101px;left:208px;}
    30% { top:164px;left:213px;}
    50% { top:218px;left:221px;}
    70% { top:318px;left:263px;}
    100% { top:392px;left:338px;}
}
@keyframes q3_1_3 {
    0% { top:80px;left:207px;}
    15% { top:101px;left:208px;}
    30% { top:164px;left:213px;}
    50% { top:218px;left:221px;}
    70% { top:318px;left:263px;}
    100% { top:392px;left:338px;}
}
@-webkit-keyframes q3_2_3 {
    0% {  width:36px;
        height:36px;top:395px;left:260px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    80% {width:24px;
        height:24px; top:235px;left:360px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:260px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q3_2_3 {
    0% {  width:36px;
        height:36px;top:395px;left:260px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    80% {width:24px;
        height:24px; top:235px;left:360px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:260px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q3_2_3 {
    0% {  width:36px;
        height:36px;top:395px;left:260px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    80% {width:24px;
        height:24px; top:235px;left:360px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:260px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q3_2_3 {
    0% {  width:36px;
        height:36px;top:395px;left:260px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    80% {width:24px;
        height:24px; top:235px;left:360px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:260px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}

/*-----------红球--04--------------*/

.clr_03 li:nth-of-type(4){
    top:101px;left:208px;
}
.clr_03 li:nth-of-type(4).on{
    -webkit-animation:q3_1_4 1s linear 0.4s;
       -moz-animation:q3_1_4 1s linear 0.4s;
         -o-animation:q3_1_4 1s linear 0.4s;
            animation:q3_1_4 1s linear 0.4s;
}
.clr_03 li:nth-of-type(4).tt{
    top:390px;left:255px;
    width:36px;height:36px;
    -webkit-animation:q3_2_4 0.8s linear 0.2s infinite;
       -moz-animation:q3_2_4 0.8s linear 0.2s infinite;
         -o-animation:q3_2_4 0.8s linear 0.2s infinite;
            animation:q3_2_4 0.8s linear 0.2s infinite;
}
@-webkit-keyframes q3_1_4 {
    0% { top:101px;left:208px;}
    30% { top:164px;left:213px;}
    50% { top:218px;left:221px;}
    70% { top:318px;left:263px;}
    100% { top:392px;left:338px;}
}
@-moz-keyframes q3_1_4 {
    0% { top:101px;left:208px;}
    30% { top:164px;left:213px;}
    50% { top:218px;left:221px;}
    70% { top:318px;left:263px;}
    100% { top:392px;left:338px;}
}
@-o-keyframes q3_1_4 {
    0% { top:101px;left:208px;}
    30% { top:164px;left:213px;}
    50% { top:218px;left:221px;}
    70% { top:318px;left:263px;}
    100% { top:392px;left:338px;}
}
@keyframes q3_1_4 {
    0% { top:101px;left:208px;}
    30% { top:164px;left:213px;}
    50% { top:218px;left:221px;}
    70% { top:318px;left:263px;}
    100% { top:392px;left:338px;}
}
@-webkit-keyframes q3_2_4 {
    0% {  width:36px;
        height:36px;top:395px;left:250px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:36px;
        height:36px; top:245px;left:120px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:250px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q3_2_4 {
    0% {  width:36px;
        height:36px;top:395px;left:250px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:36px;
        height:36px; top:245px;left:120px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:250px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q3_2_4 {
    0% {  width:36px;
        height:36px;top:395px;left:250px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:36px;
        height:36px; top:245px;left:120px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:250px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q3_2_4 {
    0% {  width:36px;
        height:36px;top:395px;left:250px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:36px;
        height:36px; top:245px;left:120px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:250px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}


/*-----------红球--05-------------*/

.clr_03 li:nth-of-type(5){
    top:122px;left:209px;
}
.clr_03 li:nth-of-type(5).on{
    -webkit-animation:q3_1_5 1s linear 0.3s;
       -moz-animation:q3_1_5 1s linear 0.3s;
         -o-animation:q3_1_5 1s linear 0.3s;
            animation:q3_1_5 1s linear 0.3s;
}
.clr_03 li:nth-of-type(5).tt{
    top:390px;left:240px;
    width:24px;height:24px;
    -webkit-animation:q3_2_5 1s linear 0.1s infinite;
       -moz-animation:q3_2_5 1s linear 0.1s infinite;
         -o-animation:q3_2_5 1s linear 0.1s infinite;
            animation:q3_2_5 1s linear 0.1s infinite;
}
@-webkit-keyframes q3_1_5 {
    0% { top:122px;left:209px;}
    30% { top:164px;left:213px;}
    50% { top:218px;left:221px;}
    70% { top:318px;left:263px;}
    100% { top:392px;left:338px;}
}
@-moz-keyframes q3_1_5 {
    0% { top:122px;left:209px;}
    30% { top:164px;left:213px;}
    50% { top:218px;left:221px;}
    70% { top:318px;left:263px;}
    100% { top:392px;left:338px;}
}
@-o-keyframes q3_1_5 {
    0% { top:122px;left:209px;}
    30% { top:164px;left:213px;}
    50% { top:218px;left:221px;}
    70% { top:318px;left:263px;}
    100% { top:392px;left:338px;}
}
@keyframes q3_1_5 {
    0% { top:122px;left:209px;}
    30% { top:164px;left:213px;}
    50% { top:218px;left:221px;}
    70% { top:318px;left:263px;}
    100% { top:392px;left:338px;}
}
@-webkit-keyframes q3_2_5 {
    0% {  width:36px;
        height:36px;top:395px;left:240px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:180px;left:150px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:240px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q3_2_5 {
    0% {  width:36px;
        height:36px;top:395px;left:240px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:180px;left:150px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:240px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q3_2_5 {
    0% {  width:36px;
        height:36px;top:395px;left:240px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:180px;left:150px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:240px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q3_2_5 {
    0% {  width:36px;
        height:36px;top:395px;left:240px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:180px;left:150px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:240px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}


/*-----------红球--06--------------*/

.clr_03 li:nth-of-type(6){
    top:143px;left:211px;
}
.clr_03 li:nth-of-type(6).on{
    -webkit-animation:q3_1_6 1s linear 0.2s;
       -moz-animation:q3_1_6 1s linear 0.2s;
         -o-animation:q3_1_6 1s linear 0.2s;
            animation:q3_1_6 1s linear 0.2s;
}
.clr_03 li:nth-of-type(6).tt{
    top:390px;left:240px;
    width:24px;height:24px;
    -webkit-animation:q3_2_6 0.9s linear 0.1s infinite;
       -moz-animation:q3_2_6 0.9s linear 0.1s infinite;
         -o-animation:q3_2_6 0.9s linear 0.1s infinite;
            animation:q3_2_6 0.9s linear 0.1s infinite;
}
@-webkit-keyframes q3_1_6 {
    0% { top:143px;left:211px;}
    30% { top:164px;left:213px;}
    50% { top:218px;left:221px;}
    70% { top:318px;left:263px;}
    100% { top:392px;left:338px;}
}
@-moz-keyframes q3_1_6 {
    0% { top:143px;left:211px;}
    30% { top:164px;left:213px;}
    50% { top:218px;left:221px;}
    70% { top:318px;left:263px;}
    100% { top:392px;left:338px;}
}
@-o-keyframes q3_1_6 {
    0% { top:143px;left:211px;}
    30% { top:164px;left:213px;}
    50% { top:218px;left:221px;}
    70% { top:318px;left:263px;}
    100% { top:392px;left:338px;}
}
@keyframes q3_1_6 {
    0% { top:143px;left:211px;}
    30% { top:164px;left:213px;}
    50% { top:218px;left:221px;}
    70% { top:318px;left:263px;}
    100% { top:392px;left:338px;}
}
@-webkit-keyframes q3_2_6 {
    0% {  width:36px;
        height:36px;top:395px;left:240px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:195px;left:300px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:240px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q3_2_6 {
    0% {  width:36px;
        height:36px;top:395px;left:240px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:195px;left:300px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:240px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q3_2_6 {
    0% {  width:36px;
        height:36px;top:395px;left:240px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:195px;left:300px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:240px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q3_2_6 {
    0% {  width:36px;
        height:36px;top:395px;left:240px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:195px;left:300px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:240px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}



/*-----------红球--07--------------*/
.clr_03 li:nth-of-type(7){
    top:164px;left:213px;
}
.clr_03 li:nth-of-type(7).on{
    -webkit-animation:q3_1_7 1s linear 0.1s;
       -moz-animation:q3_1_7 1s linear 0.1s;
         -o-animation:q3_1_7 1s linear 0.1s;
            animation:q3_1_7 1s linear 0.1s;
}
.clr_03 li:nth-of-type(7).tt{
    top:390px;left:240px;
    width:24px;height:24px;
    -webkit-animation:q3_2_7 0.7s linear 0.3s infinite;
       -moz-animation:q3_2_7 0.7s linear 0.3s infinite;
         -o-animation:q3_2_7 0.7s linear 0.3s infinite;
            animation:q3_2_7 0.7s linear 0.3s infinite;
}
@-webkit-keyframes q3_1_7 {
    0% { top:164px;left:213px;}
    50% { top:218px;left:221px;}
    70% { top:318px;left:263px;}
    100% { top:392px;left:338px;}
}
@-moz-keyframes q3_1_7 {
    0% { top:164px;left:213px;}
    50% { top:218px;left:221px;}
    70% { top:318px;left:263px;}
    100% { top:392px;left:338px;}
}
@-o-keyframes q3_1_7 {
    0% { top:164px;left:213px;}
    50% { top:218px;left:221px;}
    70% { top:318px;left:263px;}
    100% { top:392px;left:338px;}
}
@keyframes q3_1_7 {
    0% { top:164px;left:213px;}
    50% { top:218px;left:221px;}
    70% { top:318px;left:263px;}
    100% { top:392px;left:338px;}
}
@-webkit-keyframes q3_2_7 {
    0% {  width:36px;
        height:36px;top:395px;left:240px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:175px;left:280px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:240px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q3_2_7 {
    0% {  width:36px;
        height:36px;top:395px;left:240px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:175px;left:280px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:240px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q3_2_7 {
    0% {  width:36px;
        height:36px;top:395px;left:240px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:175px;left:280px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:240px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q3_2_7 {
    0% {  width:36px;
        height:36px;top:395px;left:240px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:175px;left:280px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:240px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}


.clr_04 li{
    background: url(../images/mnyj_dlt/d_q_04.png);
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
}
/*-----------黄球--01---------------*/
.clr_04 li:nth-of-type(1){
    top:38px;left:295px;
}
.clr_04 li:nth-of-type(1).on{
    -webkit-animation:q4_1_1 1s linear 0.7s;
       -moz-animation:q4_1_1 1s linear 0.7s;
         -o-animation:q4_1_1 1s linear 0.7s;
            animation:q4_1_1 1s linear 0.7s;
}
.clr_04 li:nth-of-type(1).tt{
    top:405px;left:270px;
    width:24px;height:24px;
    -webkit-animation:q4_2_1 1s linear infinite;
       -moz-animation:q4_2_1 1s linear infinite;
         -o-animation:q4_2_1 1s linear infinite;
            animation:q4_2_1 1s linear infinite;
}
@-webkit-keyframes q4_1_1 {
    0% { top:38px;left:295px;}
    15% { top:101px;left:292px;}
    30% { top:164px;left:288px;}
    50% { top:218px;left:280px;}
    70% { top:318px;left:250px;}
    100% { top:392px;left:200px;}
}
@-moz-keyframes q4_1_1 {
    0% { top:38px;left:295px;}
    15% { top:101px;left:292px;}
    30% { top:164px;left:288px;}
    50% { top:218px;left:280px;}
    70% { top:318px;left:250px;}
    100% { top:392px;left:200px;}
}
@-o-keyframes q4_1_1 {
    0% { top:38px;left:295px;}
    15% { top:101px;left:292px;}
    30% { top:164px;left:288px;}
    50% { top:218px;left:280px;}
    70% { top:318px;left:250px;}
    100% { top:392px;left:200px;}
}
@keyframes q4_1_1 {
    0% { top:38px;left:295px;}
    15% { top:101px;left:292px;}
    30% { top:164px;left:288px;}
    50% { top:218px;left:280px;}
    70% { top:318px;left:250px;}
    100% { top:392px;left:200px;}
}
@-webkit-keyframes q4_2_1 {
    0% {  width:24px;
        height:24px;top:392px;left:200px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { width:36px;
        height:36px;top:310px;left:290px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% {width:24px;
        height:24px;top:210px;left:340px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    75% {width:36px;
        height:36px;top:310px;left:275px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100% { width:24px;
        height:24px;top:392px;left:200px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q4_2_1 {
    0% {  width:24px;
        height:24px;top:392px;left:200px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { width:36px;
        height:36px;top:310px;left:290px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% {width:24px;
        height:24px;top:210px;left:340px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    75% {width:36px;
        height:36px;top:310px;left:275px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100% { width:24px;
        height:24px;top:392px;left:200px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q4_2_1 {
    0% {  width:24px;
        height:24px;top:392px;left:200px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { width:36px;
        height:36px;top:310px;left:290px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% {width:24px;
        height:24px;top:210px;left:340px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    75% {width:36px;
        height:36px;top:310px;left:275px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100% { width:24px;
        height:24px;top:392px;left:200px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q4_2_1 {
    0% {  width:24px;
        height:24px;top:392px;left:200px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { width:36px;
        height:36px;top:310px;left:290px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% {width:24px;
        height:24px;top:210px;left:340px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    75% {width:36px;
        height:36px;top:310px;left:275px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100% { width:24px;
        height:24px;top:392px;left:200px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}


/*-----------黄球--02--------------*/

.clr_04 li:nth-of-type(2){
    top:59px;left:294px;
}
.clr_04 li:nth-of-type(2).on{
    -webkit-animation:q4_1_2 1s linear 0.6s;
       -moz-animation:q4_1_2 1s linear 0.6s;
         -o-animation:q4_1_2 1s linear 0.6s;
            animation:q4_1_2 1s linear 0.6s;
}
.clr_04 li:nth-of-type(2).tt{
    top:385px;left:200px;
    width:24px;height:24px;
    -webkit-animation:q4_2_2 1s linear infinite;
       -moz-animation:q4_2_2 1s linear infinite;
         -o-animation:q4_2_2 1s linear infinite;
            animation:q4_2_2 1s linear infinite;
}
@-webkit-keyframes q4_1_2 {
    0% { top:59px;left:294px;}
    15% { top:101px;left:292px;}
    30% { top:164px;left:288px;}
    50% { top:218px;left:280px;}
    70% { top:318px;left:250px;}
    100% { top:392px;left:200px;}
}
@-moz-keyframes q4_1_2 {
    0% { top:59px;left:294px;}
    15% { top:101px;left:292px;}
    30% { top:164px;left:288px;}
    50% { top:218px;left:280px;}
    70% { top:318px;left:250px;}
    100% { top:392px;left:200px;}
}
@-o-keyframes q4_1_2 {
    0% { top:59px;left:294px;}
    15% { top:101px;left:292px;}
    30% { top:164px;left:288px;}
    50% { top:218px;left:280px;}
    70% { top:318px;left:250px;}
    100% { top:392px;left:200px;}
}
@keyframes q4_1_2 {
    0% { top:59px;left:294px;}
    15% { top:101px;left:292px;}
    30% { top:164px;left:288px;}
    50% { top:218px;left:280px;}
    70% { top:318px;left:250px;}
    100% { top:392px;left:200px;}
}
@-webkit-keyframes q4_2_2 {
    0% {  width:24px;
        height:24px;top:385px;left:200px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    75% {width:36px;
        height:36px; top:215px;left:225px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% { width:24px;
        height:24px; top:385px;left:200px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q4_2_2 {
    0% {  width:24px;
        height:24px;top:385px;left:200px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    75% {width:36px;
        height:36px; top:215px;left:225px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% { width:24px;
        height:24px; top:385px;left:200px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q4_2_2 {
    0% {  width:24px;
        height:24px;top:385px;left:200px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    75% {width:36px;
        height:36px; top:215px;left:225px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% { width:24px;
        height:24px; top:385px;left:200px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q4_2_2 {
    0% {  width:24px;
        height:24px;top:385px;left:200px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    75% {width:36px;
        height:36px; top:215px;left:225px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% { width:24px;
        height:24px; top:385px;left:200px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}


/*-----------黄球--03--------------*/

.clr_04 li:nth-of-type(3){
    top:80px;left:293px;
}
.clr_04 li:nth-of-type(3).on{
    -webkit-animation:q4_1_3 1s linear 0.5s;
       -moz-animation:q4_1_3 1s linear 0.5s;
         -o-animation:q4_1_3 1s linear 0.5s;
            animation:q4_1_3 1s linear 0.5s;
}
.clr_04 li:nth-of-type(3).tt{
    top:395px;left:260px;
    width:36px;height:36px;
    -webkit-animation:q4_2_3 0.8s linear infinite;
       -moz-animation:q4_2_3 0.8s linear infinite;
         -o-animation:q4_2_3 0.8s linear infinite;
            animation:q4_2_3 0.8s linear infinite;
}
@-webkit-keyframes q4_1_3 {
    0% { top:80px;left:293px;}
    15% { top:101px;left:292px;}
    30% { top:164px;left:288px;}
    50% { top:218px;left:280px;}
    70% { top:318px;left:250px;}
    100% { top:392px;left:200px;}
}
@-moz-keyframes q4_1_3 {
    0% { top:80px;left:293px;}
    15% { top:101px;left:292px;}
    30% { top:164px;left:288px;}
    50% { top:218px;left:280px;}
    70% { top:318px;left:250px;}
    100% { top:392px;left:200px;}
}
@-o-keyframes q4_1_3 {
    0% { top:80px;left:293px;}
    15% { top:101px;left:292px;}
    30% { top:164px;left:288px;}
    50% { top:218px;left:280px;}
    70% { top:318px;left:250px;}
    100% { top:392px;left:200px;}
}
@keyframes q4_1_3 {
    0% { top:80px;left:293px;}
    15% { top:101px;left:292px;}
    30% { top:164px;left:288px;}
    50% { top:218px;left:280px;}
    70% { top:318px;left:250px;}
    100% { top:392px;left:200px;}
}
@-webkit-keyframes q4_2_3 {
    0% {  width:36px;
        height:36px;top:395px;left:200px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    40% {width:24px;
        height:24px; top:205px;left:180px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:200px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q4_2_3 {
    0% {  width:36px;
        height:36px;top:395px;left:200px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    40% {width:24px;
        height:24px; top:205px;left:180px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:200px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q4_2_3 {
    0% {  width:36px;
        height:36px;top:395px;left:200px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    40% {width:24px;
        height:24px; top:205px;left:180px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:200px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q4_2_3 {
    0% {  width:36px;
        height:36px;top:395px;left:200px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    40% {width:24px;
        height:24px; top:205px;left:180px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:200px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}

/*-----------黄球--04--------------*/

.clr_04 li:nth-of-type(4){
    top:101px;left:292px;
}
.clr_04 li:nth-of-type(4).on{
    -webkit-animation:q4_1_4 1s linear 0.4s;
       -moz-animation:q4_1_4 1s linear 0.4s;
         -o-animation:q4_1_4 1s linear 0.4s;
            animation:q4_1_4 1s linear 0.4s;
}
.clr_04 li:nth-of-type(4).tt{
    top:390px;left:255px;
    width:24px;height:24px;
    -webkit-animation:q4_2_4 0.4s linear 0.2s infinite;
       -moz-animation:q4_2_4 0.4s linear 0.2s infinite;
         -o-animation:q4_2_4 0.4s linear 0.2s infinite;
            animation:q4_2_4 0.4s linear 0.2s infinite;
}
@-webkit-keyframes q4_1_4 {
    0% { top:101px;left:292px;}
    30% { top:164px;left:288px;}
    50% { top:218px;left:280px;}
    70% { top:318px;left:250px;}
    100% { top:392px;left:200px;}
}
@-moz-keyframes q4_1_4 {
    0% { top:101px;left:292px;}
    30% { top:164px;left:288px;}
    50% { top:218px;left:280px;}
    70% { top:318px;left:250px;}
    100% { top:392px;left:200px;}
}
@-o-keyframes q4_1_4 {
    0% { top:101px;left:292px;}
    30% { top:164px;left:288px;}
    50% { top:218px;left:280px;}
    70% { top:318px;left:250px;}
    100% { top:392px;left:200px;}
}
@keyframes q4_1_4 {
    0% { top:101px;left:292px;}
    30% { top:164px;left:288px;}
    50% { top:218px;left:280px;}
    70% { top:318px;left:250px;}
    100% { top:392px;left:200px;}
}
@-webkit-keyframes q4_2_4 {
    0% {  width:36px;
        height:36px;top:395px;left:280px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:305px;left:260px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:280px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q4_2_4 {
    0% {  width:36px;
        height:36px;top:395px;left:280px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:305px;left:260px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:280px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q4_2_4 {
    0% {  width:36px;
        height:36px;top:395px;left:280px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:305px;left:260px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:280px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q4_2_4 {
    0% {  width:36px;
        height:36px;top:395px;left:280px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:305px;left:260px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:280px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}


/*-----------黄球--05-------------*/

.clr_04 li:nth-of-type(5){
    top:122px;left:291px;
}
.clr_04 li:nth-of-type(5).on{
    -webkit-animation:q4_1_5 1s linear 0.3s;
       -moz-animation:q4_1_5 1s linear 0.3s;
         -o-animation:q4_1_5 1s linear 0.3s;
            animation:q4_1_5 1s linear 0.3s;
}
.clr_04 li:nth-of-type(5).tt{
    top:390px;left:240px;
    width:24px;height:24px;
    -webkit-animation:q4_2_5 1s linear 0.1s infinite;
       -moz-animation:q4_2_5 1s linear 0.1s infinite;
         -o-animation:q4_2_5 1s linear 0.1s infinite;
            animation:q4_2_5 1s linear 0.1s infinite;
}
@-webkit-keyframes q4_1_5 {
    0% { top:122px;left:291px;}
    30% { top:164px;left:288px;}
    50% { top:218px;left:280px;}
    70% { top:318px;left:250px;}
    100% { top:392px;left:200px;}
}
@-moz-keyframes q4_1_5 {
    0% { top:122px;left:291px;}
    30% { top:164px;left:288px;}
    50% { top:218px;left:280px;}
    70% { top:318px;left:250px;}
    100% { top:392px;left:200px;}
}
@-o-keyframes q4_1_5 {
    0% { top:122px;left:291px;}
    30% { top:164px;left:288px;}
    50% { top:218px;left:280px;}
    70% { top:318px;left:250px;}
    100% { top:392px;left:200px;}
}
@keyframes q4_1_5 {
    0% { top:122px;left:291px;}
    30% { top:164px;left:288px;}
    50% { top:218px;left:280px;}
    70% { top:318px;left:250px;}
    100% { top:392px;left:200px;}
}
@-webkit-keyframes q4_2_5 {
    0% {  width:36px;
        height:36px;top:385px;left:200px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    40% {width:24px;
        height:24px; top:175px;left:250px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:200px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q4_2_5 {
    0% {  width:36px;
        height:36px;top:385px;left:200px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    40% {width:24px;
        height:24px; top:175px;left:250px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:200px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q4_2_5 {
    0% {  width:36px;
        height:36px;top:385px;left:200px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    40% {width:24px;
        height:24px; top:175px;left:250px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:200px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q4_2_5 {
    0% {  width:36px;
        height:36px;top:385px;left:200px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    40% {width:24px;
        height:24px; top:175px;left:250px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:200px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}


/*-----------黄球--06--------------*/

.clr_04 li:nth-of-type(6){
    top:143px;left:289px;
}
.clr_04 li:nth-of-type(6).on{
    -webkit-animation:q4_1_6 1s linear 0.2s;
       -moz-animation:q4_1_6 1s linear 0.2s;
         -o-animation:q4_1_6 1s linear 0.2s;
            animation:q4_1_6 1s linear 0.2s;
}
.clr_04 li:nth-of-type(6).tt{
    top:390px;left:240px;
    width:24px;height:24px;
    -webkit-animation:q4_2_6 0.9s linear 0.1s infinite;
       -moz-animation:q4_2_6 0.9s linear 0.1s infinite;
         -o-animation:q4_2_6 0.9s linear 0.1s infinite;
            animation:q4_2_6 0.9s linear 0.1s infinite;
}
@-webkit-keyframes q4_1_6 {
    0% { top:143px;left:289px;}
    30% { top:164px;left:288px;}
    50% { top:218px;left:280px;}
    70% { top:318px;left:250px;}
    100% { top:392px;left:200px;}
}
@-moz-keyframes q4_1_6 {
    0% { top:143px;left:289px;}
    30% { top:164px;left:288px;}
    50% { top:218px;left:280px;}
    70% { top:318px;left:250px;}
    100% { top:392px;left:200px;}
}
@-o-keyframes q4_1_6 {
    0% { top:143px;left:289px;}
    30% { top:164px;left:288px;}
    50% { top:218px;left:280px;}
    70% { top:318px;left:250px;}
    100% { top:392px;left:200px;}
}
@keyframes q4_1_6 {
    0% { top:143px;left:289px;}
    30% { top:164px;left:288px;}
    50% { top:218px;left:280px;}
    70% { top:318px;left:250px;}
    100% { top:392px;left:200px;}
}
@-webkit-keyframes q4_2_6 {
    0% {  width:36px;
        height:36px;top:385px;left:290px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    40% {width:24px;
        height:24px; top:295px;left:330px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:290px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q4_2_6 {
    0% {  width:36px;
        height:36px;top:385px;left:290px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    40% {width:24px;
        height:24px; top:295px;left:330px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:290px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q4_2_6 {
    0% {  width:36px;
        height:36px;top:385px;left:290px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    40% {width:24px;
        height:24px; top:295px;left:330px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:290px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q4_2_6 {
    0% {  width:36px;
        height:36px;top:385px;left:290px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    40% {width:24px;
        height:24px; top:295px;left:330px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:290px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}



/*-----------黄球--07--------------*/


.clr_04 li:nth-of-type(7){
    top:164px;left:287px;
}
.clr_04 li:nth-of-type(7).on{
    -webkit-animation:q4_1_7 1s linear 0.1s;
       -moz-animation:q4_1_7 1s linear 0.1s;
         -o-animation:q4_1_7 1s linear 0.1s;
            animation:q4_1_7 1s linear 0.1s;
}
.clr_04 li:nth-of-type(7).tt{
    top:390px;left:240px;
    width:24px;height:24px;
    -webkit-animation:q4_2_7 0.7s linear 0.3s infinite;
       -moz-animation:q4_2_7 0.7s linear 0.3s infinite;
         -o-animation:q4_2_7 0.7s linear 0.3s infinite;
            animation:q4_2_7 0.7s linear 0.3s infinite;
}
@-webkit-keyframes q4_1_7 {
    0% { top:164px;left:287px;}
    50% { top:218px;left:280px;}
    70% { top:318px;left:250px;}
    100% { top:392px;left:200px;}
}
@-moz-keyframes q4_1_7 {
    0% { top:164px;left:287px;}
    50% { top:218px;left:280px;}
    70% { top:318px;left:250px;}
    100% { top:392px;left:200px;}
}
@-o-keyframes q4_1_7 {
    0% { top:164px;left:287px;}
    50% { top:218px;left:280px;}
    70% { top:318px;left:250px;}
    100% { top:392px;left:200px;}
}
@keyframes q4_1_7 {
    0% { top:164px;left:287px;}
    50% { top:218px;left:280px;}
    70% { top:318px;left:250px;}
    100% { top:392px;left:200px;}
}
@-webkit-keyframes q4_2_7 {
    0% {  width:36px;
        height:36px;top:385px;left:200px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    80% {width:24px;
        height:24px; top:175px;left:240px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:200px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q4_2_7 {
    0% {  width:36px;
        height:36px;top:385px;left:200px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    80% {width:24px;
        height:24px; top:175px;left:240px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:200px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q4_2_7 {
    0% {  width:36px;
        height:36px;top:385px;left:200px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    80% {width:24px;
        height:24px; top:175px;left:240px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:200px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q4_2_7 {
    0% {  width:36px;
        height:36px;top:385px;left:200px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    80% {width:24px;
        height:24px; top:175px;left:240px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:200px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}


.clr_05 li{
    background: url(../images/mnyj_dlt/d_q_05.png);
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
}

/*-----------绿球--01---------------*/
.clr_05 li:nth-of-type(1){
    top:44px;left:330px;
}
.clr_05 li:nth-of-type(1).on{
    -webkit-animation:q5_1_1 1s linear 0.7s;
       -moz-animation:q5_1_1 1s linear 0.7s;
         -o-animation:q5_1_1 1s linear 0.7s;
            animation:q5_1_1 1s linear 0.7s;
}
.clr_05 li:nth-of-type(1).tt{
    top:405px;left:270px;
    width:24px;height:24px;
    -webkit-animation:q5_2_1 1s linear infinite;
       -moz-animation:q5_2_1 1s linear infinite;
         -o-animation:q5_2_1 1s linear infinite;
            animation:q5_2_1 1s linear infinite;
}
@-webkit-keyframes q5_1_1 {
    0% { top:44px;left:330px;}
    15% { top:107px;left:327px;}
    30% { top:170px;left:323px;}
    50% { top:224px;left:315px;}
    70% { top:324px;left:285px;}
    100% { top:400px;left:235px;}
}
@-moz-keyframes q5_1_1 {
    0% { top:44px;left:330px;}
    15% { top:107px;left:327px;}
    30% { top:170px;left:323px;}
    50% { top:224px;left:315px;}
    70% { top:324px;left:285px;}
    100% { top:400px;left:235px;}
}
@-o-keyframes q5_1_1 {
    0% { top:44px;left:330px;}
    15% { top:107px;left:327px;}
    30% { top:170px;left:323px;}
    50% { top:224px;left:315px;}
    70% { top:324px;left:285px;}
    100% { top:400px;left:235px;}
}
@keyframes q5_1_1 {
    0% { top:44px;left:330px;}
    15% { top:107px;left:327px;}
    30% { top:170px;left:323px;}
    50% { top:224px;left:315px;}
    70% { top:324px;left:285px;}
    100% { top:400px;left:235px;}
}
@-webkit-keyframes q5_2_1 {
    0% {  width:24px;
        height:24px;top:400px;left:235px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { width:36px;
        height:36px;top:310px;left:160px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% {width:24px;
        height:24px;top:210px;left:140px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    75% {width:36px;
        height:36px;top:310px;left:160px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100% { width:24px;
        height:24px;top:400px;left:235px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q5_2_1 {
    0% {  width:24px;
        height:24px;top:400px;left:235px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { width:36px;
        height:36px;top:310px;left:160px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% {width:24px;
        height:24px;top:210px;left:140px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    75% {width:36px;
        height:36px;top:310px;left:160px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100% { width:24px;
        height:24px;top:400px;left:235px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q5_2_1 {
    0% {  width:24px;
        height:24px;top:400px;left:235px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { width:36px;
        height:36px;top:310px;left:160px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% {width:24px;
        height:24px;top:210px;left:140px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    75% {width:36px;
        height:36px;top:310px;left:160px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100% { width:24px;
        height:24px;top:400px;left:235px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q5_2_1 {
    0% {  width:24px;
        height:24px;top:400px;left:235px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { width:36px;
        height:36px;top:310px;left:160px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% {width:24px;
        height:24px;top:210px;left:140px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    75% {width:36px;
        height:36px;top:310px;left:160px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100% { width:24px;
        height:24px;top:400px;left:235px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}


/*-----------绿球--02--------------*/

.clr_05 li:nth-of-type(2){
    top:65px;left:329px;
}
.clr_05 li:nth-of-type(2).on{
    -webkit-animation:q5_1_2 1s linear 0.6s;
       -moz-animation:q5_1_2 1s linear 0.6s;
         -o-animation:q5_1_2 1s linear 0.6s;
            animation:q5_1_2 1s linear 0.6s;
}
.clr_05 li:nth-of-type(2).tt{
    top:385px;left:200px;
    width:24px;height:24px;
    -webkit-animation:q5_2_2 1s linear infinite;
       -moz-animation:q5_2_2 1s linear infinite;
         -o-animation:q5_2_2 1s linear infinite;
            animation:q5_2_2 1s linear infinite;
}
@-webkit-keyframes q5_1_2 {
    0% { top:65px;left:329px;}
    15% { top:107px;left:327px;}
    30% { top:170px;left:323px;}
    50% { top:224px;left:315px;}
    70% { top:324px;left:285px;}
    100% { top:400px;left:235px;}
}
@-moz-keyframes q5_1_2 {
    0% { top:65px;left:329px;}
    15% { top:107px;left:327px;}
    30% { top:170px;left:323px;}
    50% { top:224px;left:315px;}
    70% { top:324px;left:285px;}
    100% { top:400px;left:235px;}
}
@-o-keyframes q5_1_2 {
    0% { top:65px;left:329px;}
    15% { top:107px;left:327px;}
    30% { top:170px;left:323px;}
    50% { top:224px;left:315px;}
    70% { top:324px;left:285px;}
    100% { top:400px;left:235px;}
}
@keyframes q5_1_2 {
    0% { top:65px;left:329px;}
    15% { top:107px;left:327px;}
    30% { top:170px;left:323px;}
    50% { top:224px;left:315px;}
    70% { top:324px;left:285px;}
    100% { top:400px;left:235px;}
}
@-webkit-keyframes q5_2_2 {
    0% {  width:24px;
        height:24px;top:385px;left:200px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    65% {width:36px;
        height:36px; top:215px;left:265px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% { width:24px;
        height:24px; top:385px;left:200px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q5_2_2 {
    0% {  width:24px;
        height:24px;top:385px;left:200px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    65% {width:36px;
        height:36px; top:215px;left:265px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% { width:24px;
        height:24px; top:385px;left:200px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q5_2_2 {
    0% {  width:24px;
        height:24px;top:385px;left:200px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    65% {width:36px;
        height:36px; top:215px;left:265px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% { width:24px;
        height:24px; top:385px;left:200px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q5_2_2 {
    0% {  width:24px;
        height:24px;top:385px;left:200px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    65% {width:36px;
        height:36px; top:215px;left:265px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% { width:24px;
        height:24px; top:385px;left:200px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}


/*-----------绿球--03--------------*/

.clr_05 li:nth-of-type(3){
    top:86px;left:328px;
}
.clr_05 li:nth-of-type(3).on{
    -webkit-animation:q5_1_3 1s linear 0.5s;
       -moz-animation:q5_1_3 1s linear 0.5s;
         -o-animation:q5_1_3 1s linear 0.5s;
            animation:q5_1_3 1s linear 0.5s;
}
.clr_05 li:nth-of-type(3).tt{
    top:395px;left:260px;
    width:36px;height:36px;
    -webkit-animation:q5_2_3 0.8s linear infinite;
       -moz-animation:q5_2_3 0.8s linear infinite;
         -o-animation:q5_2_3 0.8s linear infinite;
            animation:q5_2_3 0.8s linear infinite;
}
@-webkit-keyframes q5_1_3 {
    0% { top:86px;left:328px;}
    15% { top:107px;left:327px;}
    30% { top:170px;left:323px;}
    50% { top:224px;left:315px;}
    70% { top:324px;left:285px;}
    100% { top:400px;left:235px;}
}
@-moz-keyframes q5_1_3 {
    0% { top:86px;left:328px;}
    15% { top:107px;left:327px;}
    30% { top:170px;left:323px;}
    50% { top:224px;left:315px;}
    70% { top:324px;left:285px;}
    100% { top:400px;left:235px;}
}
@-o-keyframes q5_1_3 {
    0% { top:86px;left:328px;}
    15% { top:107px;left:327px;}
    30% { top:170px;left:323px;}
    50% { top:224px;left:315px;}
    70% { top:324px;left:285px;}
    100% { top:400px;left:235px;}
}
@keyframes q5_1_3 {
    0% { top:86px;left:328px;}
    15% { top:107px;left:327px;}
    30% { top:170px;left:323px;}
    50% { top:224px;left:315px;}
    70% { top:324px;left:285px;}
    100% { top:400px;left:235px;}
}
@-webkit-keyframes q5_2_3 {
    0% {  width:36px;
        height:36px;top:395px;left:235px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% {width:24px;
        height:24px; top:365px;left:180px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:235px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q5_2_3 {
    0% {  width:36px;
        height:36px;top:395px;left:235px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% {width:24px;
        height:24px; top:365px;left:180px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:235px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q5_2_3 {
    0% {  width:36px;
        height:36px;top:395px;left:235px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% {width:24px;
        height:24px; top:365px;left:180px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:235px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q5_2_3 {
    0% {  width:36px;
        height:36px;top:395px;left:235px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% {width:24px;
        height:24px; top:365px;left:180px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:235px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}

/*-----------绿球--04--------------*/

.clr_05 li:nth-of-type(4){
    top:107px;left:327px;
}
.clr_05 li:nth-of-type(4).on{
    -webkit-animation:q5_1_4 1s linear 0.4s;
       -moz-animation:q5_1_4 1s linear 0.4s;
         -o-animation:q5_1_4 1s linear 0.4s;
            animation:q5_1_4 1s linear 0.4s;
}
.clr_05 li:nth-of-type(4).tt{
    top:390px;left:255px;
    width:24px;height:24px;
    -webkit-animation:q5_2_4 1.4s linear 0.2s infinite;
       -moz-animation:q5_2_4 1.4s linear 0.2s infinite;
         -o-animation:q5_2_4 1.4s linear 0.2s infinite;
            animation:q5_2_4 1.4s linear 0.2s infinite;
}
@-webkit-keyframes q5_1_4 {
    0% { top:107px;left:327px;}
    30% { top:170px;left:323px;}
    50% { top:224px;left:315px;}
    70% { top:324px;left:285px;}
    100% { top:400px;left:235px;}
}
@-moz-keyframes q5_1_4 {
    0% { top:107px;left:327px;}
    30% { top:170px;left:323px;}
    50% { top:224px;left:315px;}
    70% { top:324px;left:285px;}
    100% { top:400px;left:235px;}
}
@-o-keyframes q5_1_4 {
    0% { top:107px;left:327px;}
    30% { top:170px;left:323px;}
    50% { top:224px;left:315px;}
    70% { top:324px;left:285px;}
    100% { top:400px;left:235px;}
}
@keyframes q5_1_4 {
    0% { top:107px;left:327px;}
    30% { top:170px;left:323px;}
    50% { top:224px;left:315px;}
    70% { top:324px;left:285px;}
    100% { top:400px;left:235px;}
}
@-webkit-keyframes q5_2_4 {
    0% {  width:36px;
        height:36px;top:395px;left:280px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:205px;left:260px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:280px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q5_2_4 {
    0% {  width:36px;
        height:36px;top:395px;left:280px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:205px;left:260px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:280px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q5_2_4 {
    0% {  width:36px;
        height:36px;top:395px;left:280px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:205px;left:260px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:280px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q5_2_4 {
    0% {  width:36px;
        height:36px;top:395px;left:280px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:205px;left:260px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:395px;left:280px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}


/*-----------绿球--05-------------*/


.clr_05 li:nth-of-type(5){
    top:128px;left:326px;
}
.clr_05 li:nth-of-type(5).on{
    -webkit-animation:q5_1_5 1s linear 0.3s;
       -moz-animation:q5_1_5 1s linear 0.3s;
         -o-animation:q5_1_5 1s linear 0.3s;
            animation:q5_1_5 1s linear 0.3s;
}
.clr_05 li:nth-of-type(5).tt{
    top:390px;left:240px;
    width:24px;height:24px;
    -webkit-animation:q5_2_5 0.6s linear 0.1s infinite;
       -moz-animation:q5_2_5 0.6s linear 0.1s infinite;
         -o-animation:q5_2_5 0.6s linear 0.1s infinite;
            animation:q5_2_5 0.6s linear 0.1s infinite;
}
@-webkit-keyframes q5_1_5 {
    0% { top:128px;left:326px;}
    30% { top:170px;left:323px;}
    50% { top:224px;left:315px;}
    70% { top:324px;left:285px;}
    100% { top:400px;left:235px;}
}
@-moz-keyframes q5_1_5 {
    0% { top:128px;left:326px;}
    30% { top:170px;left:323px;}
    50% { top:224px;left:315px;}
    70% { top:324px;left:285px;}
    100% { top:400px;left:235px;}
}
@-o-keyframes q5_1_5 {
    0% { top:128px;left:326px;}
    30% { top:170px;left:323px;}
    50% { top:224px;left:315px;}
    70% { top:324px;left:285px;}
    100% { top:400px;left:235px;}
}
@keyframes q5_1_5 {
    0% { top:128px;left:326px;}
    30% { top:170px;left:323px;}
    50% { top:224px;left:315px;}
    70% { top:324px;left:285px;}
    100% { top:400px;left:235px;}
}
@-webkit-keyframes q5_2_5 {
    0% {  width:36px;
        height:36px;top:385px;left:200px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:205px;left:300px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:200px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q5_2_5 {
    0% {  width:36px;
        height:36px;top:385px;left:200px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:205px;left:300px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:200px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q5_2_5 {
    0% {  width:36px;
        height:36px;top:385px;left:200px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:205px;left:300px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:200px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q5_2_5 {
    0% {  width:36px;
        height:36px;top:385px;left:200px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    60% {width:24px;
        height:24px; top:205px;left:300px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:200px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}


/*-----------绿球--06--------------*/

.clr_05 li:nth-of-type(6){
    top:149px;left:324px;
}
.clr_05 li:nth-of-type(6).on{
    -webkit-animation:q5_1_6 1s linear 0.2s;
       -moz-animation:q5_1_6 1s linear 0.2s;
         -o-animation:q5_1_6 1s linear 0.2s;
            animation:q5_1_6 1s linear 0.2s;
}
.clr_05 li:nth-of-type(6).tt{
    top:390px;left:240px;
    width:24px;height:24px;
    -webkit-animation:q5_2_6 0.9s linear 0.1s infinite;
       -moz-animation:q5_2_6 0.9s linear 0.1s infinite;
         -o-animation:q5_2_6 0.9s linear 0.1s infinite;
            animation:q5_2_6 0.9s linear 0.1s infinite;
}
@-webkit-keyframes q5_1_6 {
    0% { top:149px;left:324px;}
    30% { top:170px;left:323px;}
    50% { top:224px;left:315px;}
    70% { top:324px;left:285px;}
    100% { top:400px;left:235px;}
}
@-moz-keyframes q5_1_6 {
    0% { top:149px;left:324px;}
    30% { top:170px;left:323px;}
    50% { top:224px;left:315px;}
    70% { top:324px;left:285px;}
    100% { top:400px;left:235px;}
}
@-o-keyframes q5_1_6 {
    0% { top:149px;left:324px;}
    30% { top:170px;left:323px;}
    50% { top:224px;left:315px;}
    70% { top:324px;left:285px;}
    100% { top:400px;left:235px;}
}
@keyframes q5_1_6 {
    0% { top:149px;left:324px;}
    30% { top:170px;left:323px;}
    50% { top:224px;left:315px;}
    70% { top:324px;left:285px;}
    100% { top:400px;left:235px;}
}
@-webkit-keyframes q5_2_6 {
    0% {  width:36px;
        height:36px;top:385px;left:290px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    40% {width:24px;
        height:24px; top:295px;left:130px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:290px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q5_2_6 {
    0% {  width:36px;
        height:36px;top:385px;left:290px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    40% {width:24px;
        height:24px; top:295px;left:130px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:290px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q5_2_6 {
    0% {  width:36px;
        height:36px;top:385px;left:290px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    40% {width:24px;
        height:24px; top:295px;left:130px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:290px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q5_2_6 {
    0% {  width:36px;
        height:36px;top:385px;left:290px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    40% {width:24px;
        height:24px; top:295px;left:130px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:290px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}



/*-----------绿球--07--------------*/

.clr_05 li:nth-of-type(7){
    top:170px;left:322px;
}
.clr_05 li:nth-of-type(7).on{
    -webkit-animation:q5_1_7 1s linear 0.1s;
       -moz-animation:q5_1_7 1s linear 0.1s;
         -o-animation:q5_1_7 1s linear 0.1s;
            animation:q5_1_7 1s linear 0.1s;
}
.clr_05 li:nth-of-type(7).tt{
    top:390px;left:240px;
    width:24px;height:24px;
    -webkit-animation:q5_2_7 1.3s linear 0.3s infinite;
       -moz-animation:q5_2_7 1.3s linear 0.3s infinite;
         -o-animation:q5_2_7 1.3s linear 0.3s infinite;
            animation:q5_2_7 1.3s linear 0.3s infinite;
}
@-webkit-keyframes q5_1_7 {
    0% { top:170px;left:323px;}
    50% { top:224px;left:315px;}
    70% { top:324px;left:285px;}
    100% { top:400px;left:235px;}
}
@-moz-keyframes q5_1_7 {
    0% { top:170px;left:323px;}
    50% { top:224px;left:315px;}
    70% { top:324px;left:285px;}
    100% { top:400px;left:235px;}
}
@-o-keyframes q5_1_7 {
    0% { top:170px;left:323px;}
    50% { top:224px;left:315px;}
    70% { top:324px;left:285px;}
    100% { top:400px;left:235px;}
}
@keyframes q5_1_7 {
    0% { top:170px;left:323px;}
    50% { top:224px;left:315px;}
    70% { top:324px;left:285px;}
    100% { top:400px;left:235px;}
}
@-webkit-keyframes q5_2_7 {
    0% {  width:36px;
        height:36px;top:385px;left:200px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    55% {width:24px;
        height:24px; top:225px;left:215px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:200px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes q5_2_7 {
    0% {  width:36px;
        height:36px;top:385px;left:200px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    55% {width:24px;
        height:24px; top:225px;left:215px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:200px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes q5_2_7 {
    0% {  width:36px;
        height:36px;top:385px;left:200px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    55% {width:24px;
        height:24px; top:225px;left:215px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:200px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes q5_2_7 {
    0% {  width:36px;
        height:36px;top:385px;left:200px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    55% {width:24px;
        height:24px; top:225px;left:215px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    100% {width:36px;
        height:36px; top:385px;left:200px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}


/*----------中部旋转号码-------*/
.y_cen{
    position: absolute;
    top:0;
    left:0;
}
.y_cen li{
    position: absolute;
    top: 0;
    left:0;
    z-index: 2;
    width:36px;
    height:36px;
    color: #fff;
    font:16px/36px "微软雅黑";
    background: url(../images/mnyj_dlt/d_q_01.png);
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    display:none;
}
.y_cen li.q_01{
    background: url(../images/mnyj_dlt/d_q_01.png);
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
}
.y_cen li.q_02{
    background: url(../images/mnyj_dlt/d_q_02.png);
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
}
.y_cen li.q_03{
    background: url(../images/mnyj_dlt/d_q_03.png);
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
}
.y_cen li.q_04{
    background: url(../images/mnyj_dlt/d_q_04.png);
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
}
.y_cen li.q_05{
    background: url(../images/mnyj_dlt/d_q_05.png);
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
}
.y_cen li i{
    width: 100%;
    display: inline-block;
    font-style: inherit;
    text-align: center;
}
.y_cen li:nth-of-type(1){
    top: 5px;
    left:166px;
}
.y_cen li:nth-of-type(2){
    top:166px;
    left:330px;
}
.y_cen li:nth-of-type(3){
    top:330px;
    left:166px;
}
.y_cen li:nth-of-type(4){
    top:166px;
    left:5px;
}
.y_cen li:nth-of-type(5){
    top: 5px;
    left:166px;
}
.y_cen li:nth-of-type(6){
    top:166px;
    left:330px;
}
.y_cen li:nth-of-type(7){
    top:330px;
    left:166px;
}
/*--顶部出球弹跳--*/
.y_cen li.on1{
    display: block;
    -webkit-animation:on1 0.4s linear;
       -moz-animation:on1 0.4s linear;
         -o-animation:on1 0.4s linear;
            animation:on1 0.4s linear;
}
.y_cen li.on2{
    display: block;
    -webkit-animation:on2 0.4s linear;
       -moz-animation:on2 0.4s linear;
         -o-animation:on2 0.4s linear;
            animation:on2 0.4s linear;
}
.y_cen li.on3{
    display: block;
    -webkit-animation:on3 0.4s linear;
       -moz-animation:on3 0.4s linear;
         -o-animation:on3 0.4s linear;
            animation:on3 0.4s linear;
}
.y_cen li.on4{
    display: block;
    -webkit-animation:on4 0.4s linear;
       -moz-animation:on4 0.4s linear;
         -o-animation:on4 0.4s linear;
            animation:on4 0.4s linear;
}
@-webkit-keyframes on1 {
    0% { top: 5px;}
    25% { top: 10px;}
    50% { top: 5px;}
    70% { top: 10px;}
    100% { top: 5px;}
}
@-moz-keyframes on1 {
    0% { top: 5px;}
    25% { top: 10px;}
    50% { top: 5px;}
    70% { top: 10px;}
    100% { top: 5px;}
}
@-o-keyframes on1 {
    0% { top: 5px;}
    25% { top: 10px;}
    50% { top: 5px;}
    70% { top: 10px;}
    100% { top: 5px;}
}
@keyframes on1 {
    0% { top: 5px;}
    25% { top: 10px;}
    50% { top: 5px;}
    70% { top: 10px;}
    100% { top: 5px;}
}
@-webkit-keyframes on2 {
    0% { left: 330px;}
    25% { left: 335px;}
    50% { left: 330px;}
    70% { left: 335px;}
    100% { left: 330px;}
}
@-moz-keyframes on2 {
    0% { left: 330px;}
    25% { left: 335px;}
    50% { left: 330px;}
    70% { left: 335px;}
    100% { left: 330px;}
}
@-o-keyframes on2 {
    0% { left: 330px;}
    25% { left: 335px;}
    50% { left: 330px;}
    70% { left: 335px;}
    100% { left: 330px;}
}
@keyframes on2 {
    0% { left: 330px;}
    25% { left: 335px;}
    50% { left: 330px;}
    70% { left: 335px;}
    100% { left: 330px;}
}
@-webkit-keyframes on3 {
    0% { top: 330px;}
    25% { top: 335px;}
    50% { top: 330px;}
    70% { top: 335px;}
    100% { top: 330px;}
}
@-moz-keyframes on3 {
    0% { top: 330px;}
    25% { top: 335px;}
    50% { top: 330px;}
    70% { top: 335px;}
    100% { top: 330px;}
}
@-o-keyframes on3 {
    0% { top: 330px;}
    25% { top: 335px;}
    50% { top: 330px;}
    70% { top: 335px;}
    100% { top: 330px;}
}
@keyframes on3 {
    0% { top: 330px;}
    25% { top: 335px;}
    50% { top: 330px;}
    70% { top: 335px;}
    100% { top: 330px;}
}
@-webkit-keyframes on4 {
    0% { left: 5px;}
    25% { left: 10px;}
    50% { left: 5px;}
    70% { left: 10px;}
    100% { left: 5px;}
}
@-moz-keyframes on4 {
    0% { left: 5px;}
    25% { left: 10px;}
    50% { left: 5px;}
    70% { left: 10px;}
    100% { left: 5px;}
}
@-o-keyframes on4 {
    0% { left: 5px;}
    25% { left: 10px;}
    50% { left: 5px;}
    70% { left: 10px;}
    100% { left: 5px;}
}
@keyframes on4 {
    0% { left: 5px;}
    25% { left: 10px;}
    50% { left: 5px;}
    70% { left: 10px;}
    100% { left: 5px;}
}

/*----------底部出号码球动画-----------*/
.y_bottom{
    position: absolute;
    top:533px;
    left:75px;
    z-index: 8;
}
.y_bottom li{
    position: absolute;
    top: 0;
    z-index: 2;
    width:36px;
    height:36px;
    color: #fff;
    font:16px/36px "微软雅黑";
    opacity: 0;
    background: url(../images/mnyj_dlt/d_q_01.png);
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}
.y_bottom li.q_01{
    background: url(../images/mnyj_dlt/d_q_01.png);
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
}
.y_bottom li.q_02{
    background: url(../images/mnyj_dlt/d_q_02.png);
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
}
.y_bottom li.q_03{
    background: url(../images/mnyj_dlt/d_q_03.png);
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
}
.y_bottom li.q_04{
    background: url(../images/mnyj_dlt/d_q_04.png);
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
}
.y_bottom li.q_05{
    background: url(../images/mnyj_dlt/d_q_05.png);
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
}
.y_bottom li i{
    width: 100%;
    display: inline-block;
    font-style: inherit;
    text-align: center;
}
.y_bottom li:nth-of-type(1).on{
    opacity: 1;
    left:0;
    -webkit-animation:action3_1 2s linear;
       -moz-animation:action3_1 2s linear;
         -o-animation:action3_1 2s linear;
            animation:action3_1 2s linear;
}
.y_bottom li:nth-of-type(2).on{
    opacity: 1;
    left:36px;
    -webkit-animation:action3_2 1.8s linear;
       -moz-animation:action3_2 1.8s linear;
         -o-animation:action3_2 1.8s linear;
            animation:action3_2 1.8s linear;
}
.y_bottom li:nth-of-type(3).on{
    opacity: 1;
    left:72px;
    -webkit-animation:action3_3 1.6s linear;
       -moz-animation:action3_3 1.6s linear;
         -o-animation:action3_3 1.6s linear;
            animation:action3_3 1.6s linear;
}
.y_bottom li:nth-of-type(4).on{
    opacity: 1;
    left:108px;
    -webkit-animation:action3_4 1.4s linear;
       -moz-animation:action3_4 1.4s linear;
         -o-animation:action3_4 1.4s linear;
            animation:action3_4 1.4s linear;
}
.y_bottom li:nth-of-type(5).on{
    opacity: 1;
    left:144px;
    -webkit-animation:action3_5 1.2s linear;
       -moz-animation:action3_5 1.2s linear;
         -o-animation:action3_5 1.2s linear;
            animation:action3_5 1.2s linear;
}
.y_bottom li:nth-of-type(6).on{
    opacity: 1;
    left:180px;
    -webkit-animation:action3_6 1s linear;
       -moz-animation:action3_6 1s linear;
         -o-animation:action3_6 1s linear;
            animation:action3_6 1s linear;
}
.y_bottom li:nth-of-type(7).on{
    opacity: 1;
    left:216px;
    -webkit-animation:action3_7 1s linear;
       -moz-animation:action3_7 1s linear;
         -o-animation:action3_7 1s linear;
            animation:action3_7 1s linear;
}
@-webkit-keyframes action3_1 {
    0% { top:-95px;left:167px;-webkit-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    8% { top:-56px;left:167px;-webkit-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    12% { top:-56px;left:167px;-webkit-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    30% { top:-56px;left:240px;-webkit-transform:rotate(270deg);transform:rotate(270deg);color: transparent;}
    40% { top:-50px;left:270px;-webkit-transform:rotate(360deg);transform:rotate(360deg);color: transparent;}
    45% { top:0px;left:280px;-webkit-transform:rotate(180deg);transform:rotate(180deg);color: transparent;}
    100% {top:0;left:0;-webkit-transform:rotate(-540deg);transform:rotate(-540deg);color: #fff;opacity: 1;}
}
@-moz-keyframes action3_1 {
    0% { top:-95px;left:167px;-moz-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    8% { top:-56px;left:167px;-moz-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    12% { top:-56px;left:167px;-moz-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    30% { top:-56px;left:240px;-moz-transform:rotate(270deg);transform:rotate(270deg);color: transparent;}
    40% { top:-50px;left:270px;-moz-transform:rotate(360deg);transform:rotate(360deg);color: transparent;}
    45% { top:0px;left:280px;-moz-transform:rotate(180deg);transform:rotate(180deg);color: transparent;}
    100% {top:0;left:0;-moz-transform:rotate(-540deg);transform:rotate(-540deg);color: #fff;opacity: 1;}
}
@-o-keyframes action3_1 {
    0% { top:-95px;left:167px;-o-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    8% { top:-56px;left:167px;-o-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    12% { top:-56px;left:167px;-o-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    30% { top:-56px;left:240px;-o-transform:rotate(270deg);transform:rotate(270deg);color: transparent;}
    40% { top:-50px;left:270px;-o-transform:rotate(360deg);transform:rotate(360deg);color: transparent;}
    45% { top:0px;left:280px;-o-transform:rotate(180deg);transform:rotate(180deg);color: transparent;}
    100% {top:0;left:0;-o-transform:rotate(-540deg);transform:rotate(-540deg);color: #fff;opacity: 1;}
}
@keyframes action3_1 {
    0% { top:-95px;left:167px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    8% { top:-56px;left:167px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    12% { top:-56px;left:167px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    30% { top:-56px;left:240px;-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);color: transparent;}
    40% { top:-50px;left:270px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);color: transparent;}
    45% { top:0px;left:280px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);color: transparent;}
    100% {top:0;left:0;-webkit-transform:rotate(-540deg);-moz-transform:rotate(-540deg);-o-transform:rotate(-540deg);transform:rotate(-540deg);color: #fff;opacity: 1;}
}
@-webkit-keyframes action3_2 {
    0% { top:-95px;left:167px;-webkit-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    8% { top:-56px;left:167px;-webkit-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    12% { top:-56px;left:167px;-webkit-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    30% { top:-56px;left:240px;-webkit-transform:rotate(270deg);transform:rotate(270deg);color: transparent;}
    40% { top:-50px;left:270px;-webkit-transform:rotate(360deg);transform:rotate(360deg);color: transparent;}
    45% { top:0px;left:280px;-webkit-transform:rotate(180deg);transform:rotate(180deg);color: transparent;}
    100% {top:0;left:36px;-webkit-transform:rotate(-540deg);transform:rotate(-540deg);color: #fff;opacity: 1;}
}
@-moz-keyframes action3_2 {
    0% { top:-95px;left:167px;-moz-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    8% { top:-56px;left:167px;-moz-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    12% { top:-56px;left:167px;-moz-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    30% { top:-56px;left:240px;-moz-transform:rotate(270deg);transform:rotate(270deg);color: transparent;}
    40% { top:-50px;left:270px;-moz-transform:rotate(360deg);transform:rotate(360deg);color: transparent;}
    45% { top:0px;left:280px;-moz-transform:rotate(180deg);transform:rotate(180deg);color: transparent;}
    100% {top:0;left:36px;-moz-transform:rotate(-540deg);transform:rotate(-540deg);color: #fff;opacity: 1;}
}
@-o-keyframes action3_2 {
    0% { top:-95px;left:167px;-o-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    8% { top:-56px;left:167px;-o-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    12% { top:-56px;left:167px;-o-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    30% { top:-56px;left:240px;-o-transform:rotate(270deg);transform:rotate(270deg);color: transparent;}
    40% { top:-50px;left:270px;-o-transform:rotate(360deg);transform:rotate(360deg);color: transparent;}
    45% { top:0px;left:280px;-o-transform:rotate(180deg);transform:rotate(180deg);color: transparent;}
    100% {top:0;left:36px;-o-transform:rotate(-540deg);transform:rotate(-540deg);color: #fff;opacity: 1;}
}
@keyframes action3_2 {
    0% { top:-95px;left:167px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    8% { top:-56px;left:167px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    12% { top:-56px;left:167px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    30% { top:-56px;left:240px;-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);color: transparent;}
    40% { top:-50px;left:270px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);color: transparent;}
    45% { top:0px;left:280px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);color: transparent;}
    100% {top:0;left:36px;-webkit-transform:rotate(-540deg);-moz-transform:rotate(-540deg);-o-transform:rotate(-540deg);transform:rotate(-540deg);color: #fff;opacity: 1;}
}
@-webkit-keyframes action3_3 {
    0% { top:-95px;left:167px;-webkit-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    8% { top:-56px;left:167px;-webkit-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    12% { top:-56px;left:167px;-webkit-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    30% { top:-56px;left:240px;-webkit-transform:rotate(270deg);transform:rotate(270deg);color: transparent;}
    40% { top:-50px;left:270px;-webkit-transform:rotate(360deg);transform:rotate(360deg);color: transparent;}
    45% { top:0px;left:280px;-webkit-transform:rotate(180deg);transform:rotate(180deg);color: transparent;}
    100% {top:0;left:72px;-webkit-transform:rotate(-540deg);transform:rotate(-540deg);color: #fff;opacity: 1;}
}
@-moz-keyframes action3_3 {
    0% { top:-95px;left:167px;-moz-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    8% { top:-56px;left:167px;-moz-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    12% { top:-56px;left:167px;-moz-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    30% { top:-56px;left:240px;-moz-transform:rotate(270deg);transform:rotate(270deg);color: transparent;}
    40% { top:-50px;left:270px;-moz-transform:rotate(360deg);transform:rotate(360deg);color: transparent;}
    45% { top:0px;left:280px;-moz-transform:rotate(180deg);transform:rotate(180deg);color: transparent;}
    100% {top:0;left:72px;-moz-transform:rotate(-540deg);transform:rotate(-540deg);color: #fff;opacity: 1;}
}
@-o-keyframes action3_3 {
    0% { top:-95px;left:167px;-o-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    8% { top:-56px;left:167px;-o-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    12% { top:-56px;left:167px;-o-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    30% { top:-56px;left:240px;-o-transform:rotate(270deg);transform:rotate(270deg);color: transparent;}
    40% { top:-50px;left:270px;-o-transform:rotate(360deg);transform:rotate(360deg);color: transparent;}
    45% { top:0px;left:280px;-o-transform:rotate(180deg);transform:rotate(180deg);color: transparent;}
    100% {top:0;left:72px;-o-transform:rotate(-540deg);transform:rotate(-540deg);color: #fff;opacity: 1;}
}
@keyframes action3_3 {
    0% { top:-95px;left:167px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    8% { top:-56px;left:167px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    12% { top:-56px;left:167px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    30% { top:-56px;left:240px;-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);color: transparent;}
    40% { top:-50px;left:270px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);color: transparent;}
    45% { top:0px;left:280px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);color: transparent;}
    100% {top:0;left:72px;-webkit-transform:rotate(-540deg);-moz-transform:rotate(-540deg);-o-transform:rotate(-540deg);transform:rotate(-540deg);color: #fff;opacity: 1;}
}
@-webkit-keyframes action3_4 {
    0% { top:-95px;left:167px;-webkit-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    8% { top:-56px;left:167px;-webkit-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    12% { top:-56px;left:167px;-webkit-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    30% { top:-56px;left:240px;-webkit-transform:rotate(270deg);transform:rotate(270deg);color: transparent;}
    40% { top:-50px;left:270px;-webkit-transform:rotate(360deg);transform:rotate(360deg);color: transparent;}
    45% { top:0px;left:280px;-webkit-transform:rotate(180deg);transform:rotate(180deg);color: transparent;}
    100% {top:0;left:108px;-webkit-transform:rotate(-540deg);transform:rotate(-540deg);color: #fff;opacity: 1;}
}
@-moz-keyframes action3_4 {
    0% { top:-95px;left:167px;-moz-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    8% { top:-56px;left:167px;-moz-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    12% { top:-56px;left:167px;-moz-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    30% { top:-56px;left:240px;-moz-transform:rotate(270deg);transform:rotate(270deg);color: transparent;}
    40% { top:-50px;left:270px;-moz-transform:rotate(360deg);transform:rotate(360deg);color: transparent;}
    45% { top:0px;left:280px;-moz-transform:rotate(180deg);transform:rotate(180deg);color: transparent;}
    100% {top:0;left:108px;-moz-transform:rotate(-540deg);transform:rotate(-540deg);color: #fff;opacity: 1;}
}
@-o-keyframes action3_4 {
    0% { top:-95px;left:167px;-o-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    8% { top:-56px;left:167px;-o-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    12% { top:-56px;left:167px;-o-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    30% { top:-56px;left:240px;-o-transform:rotate(270deg);transform:rotate(270deg);color: transparent;}
    40% { top:-50px;left:270px;-o-transform:rotate(360deg);transform:rotate(360deg);color: transparent;}
    45% { top:0px;left:280px;-o-transform:rotate(180deg);transform:rotate(180deg);color: transparent;}
    100% {top:0;left:108px;-o-transform:rotate(-540deg);transform:rotate(-540deg);color: #fff;opacity: 1;}
}
@keyframes action3_4 {
    0% { top:-95px;left:167px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    8% { top:-56px;left:167px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    12% { top:-56px;left:167px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    30% { top:-56px;left:240px;-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);color: transparent;}
    40% { top:-50px;left:270px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);color: transparent;}
    45% { top:0px;left:280px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);color: transparent;}
    100% {top:0;left:108px;-webkit-transform:rotate(-540deg);-moz-transform:rotate(-540deg);-o-transform:rotate(-540deg);transform:rotate(-540deg);color: #fff;opacity: 1;}
}
@-webkit-keyframes action3_5 {
    0% { top:-95px;left:167px;-webkit-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    8% { top:-56px;left:167px;-webkit-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    12% { top:-56px;left:167px;-webkit-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    30% { top:-56px;left:240px;-webkit-transform:rotate(270deg);transform:rotate(270deg);color: transparent;}
    40% { top:-50px;left:270px;-webkit-transform:rotate(360deg);transform:rotate(360deg);color: transparent;}
    45% { top:0px;left:280px;-webkit-transform:rotate(180deg);transform:rotate(180deg);color: transparent;}
    100% {top:0;left:144px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);color: #fff;opacity: 1;}
}
@-moz-keyframes action3_5 {
    0% { top:-95px;left:167px;-moz-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    8% { top:-56px;left:167px;-moz-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    12% { top:-56px;left:167px;-moz-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    30% { top:-56px;left:240px;-moz-transform:rotate(270deg);transform:rotate(270deg);color: transparent;}
    40% { top:-50px;left:270px;-moz-transform:rotate(360deg);transform:rotate(360deg);color: transparent;}
    45% { top:0px;left:280px;-moz-transform:rotate(180deg);transform:rotate(180deg);color: transparent;}
    100% {top:0;left:144px;-moz-transform:rotate(-360deg);transform:rotate(-360deg);color: #fff;opacity: 1;}
}
@-o-keyframes action3_5 {
    0% { top:-95px;left:167px;-o-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    8% { top:-56px;left:167px;-o-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    12% { top:-56px;left:167px;-o-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    30% { top:-56px;left:240px;-o-transform:rotate(270deg);transform:rotate(270deg);color: transparent;}
    40% { top:-50px;left:270px;-o-transform:rotate(360deg);transform:rotate(360deg);color: transparent;}
    45% { top:0px;left:280px;-o-transform:rotate(180deg);transform:rotate(180deg);color: transparent;}
    100% {top:0;left:144px;-o-transform:rotate(-360deg);transform:rotate(-360deg);color: #fff;opacity: 1;}
}
@keyframes action3_5 {
    0% { top:-95px;left:167px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    8% { top:-56px;left:167px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    12% { top:-56px;left:167px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    30% { top:-56px;left:240px;-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);color: transparent;}
    40% { top:-50px;left:270px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);color: transparent;}
    45% { top:0px;left:280px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);color: transparent;}
    100% {top:0;left:144px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);color: #fff;opacity: 1;}
}
@-webkit-keyframes action3_6 {
    0% { top:-95px;left:167px;-webkit-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    8% { top:-56px;left:167px;-webkit-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    12% { top:-56px;left:167px;-webkit-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    30% { top:-56px;left:240px;-webkit-transform:rotate(270deg);transform:rotate(270deg);color: transparent;}
    40% { top:-50px;left:270px;-webkit-transform:rotate(360deg);transform:rotate(360deg);color: transparent;}
    45% { top:0px;left:280px;-webkit-transform:rotate(180deg);transform:rotate(180deg);color: transparent;}
    100% {top:0;left:180px;-webkit-transform:rotate(-180deg);transform:rotate(-180deg);color: #fff;opacity: 1;}
}
@-moz-keyframes action3_6 {
    0% { top:-95px;left:167px;-moz-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    8% { top:-56px;left:167px;-moz-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    12% { top:-56px;left:167px;-moz-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    30% { top:-56px;left:240px;-moz-transform:rotate(270deg);transform:rotate(270deg);color: transparent;}
    40% { top:-50px;left:270px;-moz-transform:rotate(360deg);transform:rotate(360deg);color: transparent;}
    45% { top:0px;left:280px;-moz-transform:rotate(180deg);transform:rotate(180deg);color: transparent;}
    100% {top:0;left:180px;-moz-transform:rotate(-180deg);transform:rotate(-180deg);color: #fff;opacity: 1;}
}
@-o-keyframes action3_6 {
    0% { top:-95px;left:167px;-o-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    8% { top:-56px;left:167px;-o-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    12% { top:-56px;left:167px;-o-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    30% { top:-56px;left:240px;-o-transform:rotate(270deg);transform:rotate(270deg);color: transparent;}
    40% { top:-50px;left:270px;-o-transform:rotate(360deg);transform:rotate(360deg);color: transparent;}
    45% { top:0px;left:280px;-o-transform:rotate(180deg);transform:rotate(180deg);color: transparent;}
    100% {top:0;left:180px;-o-transform:rotate(-180deg);transform:rotate(-180deg);color: #fff;opacity: 1;}
}
@keyframes action3_6 {
    0% { top:-95px;left:167px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    8% { top:-56px;left:167px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    12% { top:-56px;left:167px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    30% { top:-56px;left:240px;-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);color: transparent;}
    40% { top:-50px;left:270px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);color: transparent;}
    45% { top:0px;left:280px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);color: transparent;}
    100% {top:0;left:180px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);color: #fff;opacity: 1;}
}
@-webkit-keyframes action3_7 {
    0% { top:-95px;left:167px;-webkit-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    8% { top:-56px;left:167px;-webkit-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    12% { top:-56px;left:167px;-webkit-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    30% { top:-56px;left:240px;-webkit-transform:rotate(270deg);transform:rotate(270deg);color: transparent;}
    40% { top:-50px;left:270px;-webkit-transform:rotate(360deg);transform:rotate(360deg);color: transparent;}
    45% { top:0px;left:280px;-webkit-transform:rotate(180deg);transform:rotate(180deg);color: transparent;}
    100% {top:0;left:216px;-webkit-transform:rotate(0deg);transform:rotate(0deg);color: #fff;opacity: 1;}
}
@-moz-keyframes action3_7 {
    0% { top:-95px;left:167px;-moz-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    8% { top:-56px;left:167px;-moz-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    12% { top:-56px;left:167px;-moz-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    30% { top:-56px;left:240px;-moz-transform:rotate(270deg);transform:rotate(270deg);color: transparent;}
    40% { top:-50px;left:270px;-moz-transform:rotate(360deg);transform:rotate(360deg);color: transparent;}
    45% { top:0px;left:280px;-moz-transform:rotate(180deg);transform:rotate(180deg);color: transparent;}
    100% {top:0;left:216px;-moz-transform:rotate(0deg);transform:rotate(0deg);color: #fff;opacity: 1;}
}
@-o-keyframes action3_7 {
    0% { top:-95px;left:167px;-o-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    8% { top:-56px;left:167px;-o-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    12% { top:-56px;left:167px;-o-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    30% { top:-56px;left:240px;-o-transform:rotate(270deg);transform:rotate(270deg);color: transparent;}
    40% { top:-50px;left:270px;-o-transform:rotate(360deg);transform:rotate(360deg);color: transparent;}
    45% { top:0px;left:280px;-o-transform:rotate(180deg);transform:rotate(180deg);color: transparent;}
    100% {top:0;left:216px;-o-transform:rotate(0deg);transform:rotate(0deg);color: #fff;opacity: 1;}
}
@keyframes action3_7 {
    0% { top:-95px;left:167px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    8% { top:-56px;left:167px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    12% { top:-56px;left:167px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);color: transparent;}
    30% { top:-56px;left:240px;-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);color: transparent;}
    40% { top:-50px;left:270px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);color: transparent;}
    45% { top:0px;left:280px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);color: transparent;}
    100% {top:0;left:216px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);color: #fff;opacity: 1;}
}

/*----右侧号码----*/
.y_right{
    width: 312px;
    height: 258px;
    position: absolute;
    top: 100px;
    right: 50px;
    z-index: 1;
}
.y_box{
    position: absolute;
    top:75px;
    left:15px;
    z-index: 2;
}
.y_box li{
    float: left;
    width:36px;
    height:36px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #e1e1e1;
    margin:0 2px;
}
.y_box li.q_01{
    background: url(../images/mnyj_dlt/d_q_01.png);
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
}
.y_box li.q_02{
    background: url(../images/mnyj_dlt/d_q_02.png);
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
}
.y_box li.q_03{
    background: url(../images/mnyj_dlt/d_q_03.png);
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
}
.y_box li.q_04{
    background: url(../images/mnyj_dlt/d_q_04.png);
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
}
.y_box li.q_05{
    background: url(../images/mnyj_dlt/d_q_05.png);
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
}
.y_box li i{
    width: 100%;
    display: inline-block;
    font-style: inherit;
    color:#fff;
    font:16px/36px "微软雅黑";
    text-align: center;
}
.y_xhl{
    position: absolute;
    bottom:30px;
    left:71px;
    z-index: 2;
    width: 170px;
    height: 50px;
    color:#fff;
    font:20px/46px "微软雅黑";
    background: url(../images/mnyj_dlt/xhl_off.png) no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    text-align: center;
    cursor: not-allowed;
}
.y_xhl.on{
    background: url(../images/mnyj_dlt/xhl_on.png) no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    cursor: pointer;
}
.y_zdyj{
    width: 240px;
    height: 64px;
    position: absolute;
    top: 440px;
    right: 85px;
    z-index: 1;
    color: #fff;
    font-size: 24px;
    background: url(../images/mnyj_dlt/zdyj_bg.png) no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    text-align: center;
    font: 24px/58px "微软雅黑";
    letter-spacing: 2px;
    cursor: pointer;
}
.y_sdyj{
    width: 240px;
    height: 64px;
    position: absolute;
    top: 540px;
    right: 85px;
    z-index: 1;
    color: #94600f;
    font-size: 24px;
    background: url(../images/mnyj_dlt/sdyj_bg.png) no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    text-align: center;
    font: 24px/58px "微软雅黑";
    letter-spacing: 2px;
    cursor: pointer;
}
.y_zdyj.dis,.y_sdyj.dis{
    color:#fff;
    background: url(../images/mnyj_dlt/dis_bg.png) no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    cursor: not-allowed;
}

@media (max-width: 1400px) {
    .content{
        left:0;
    }
    .y_right{
        width: 230px;
        right: 5px;
    }
    .mnyj_bg{
        width: 100%;
    }
    .y_xhl {
        bottom: 80px;
        left: 45px;
        width: 150px;
        height: 40px;
        line-height: 36px;
    }
    .y_zdyj{
        width: 150px;
        height: 48px;
        line-height: 40px;
        right: 42px;
        top: 320px;
        font-size: 20px;
    }
    .y_sdyj{
        width: 150px;
        height: 48px;
        line-height: 40px;
        right: 42px;
        top: 380px;
        font-size: 20px;
    }
    .y_box li.hq{
        margin-bottom:3px;
    }
    .y_box{
        top: 53px;
        left: 15px;
    }
}