/*@charset "utf-8";*/
/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,figure,figure,legend,textarea,p,blockquote,th,td,input,label{margin:0;padding:0;font-family:'\5FAE\8F6F\96C5\9ED1','Microsoft YaHei';word-wrap:break-word;-webkit-tap-highlight-color:rgba(0,0,0,0);}*/
/**{-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}*/

/*li{list-style:none;}*/
/*img{border:none;vertical-align:top;}*/
/*a{text-decoration:none;color:inherit;}*/
/*a:hover{text-decoration:underline;color:inherit;}*/
/*input{outline:medium;}*/
/*input[type=button],input[type=submit],input[type=file],button{cursor:pointer;-webkit-appearance:none;outline:none;}*/
/*article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block;}*/
/*strong,em{font-weight:normal;font-style:normal;}*/
/*table{border-collapse:collapse;border-spacing:0}*/
/*.cleardiv{clear:both;height:0;display:block;overflow:hidden;}*/
/*.clearfix:after{clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:" ";}*/
/*.pa{position:absolute;}*/
/*.pr{position:relative;}*/
/*.pf{position:fixed;}*/
/*.ps{position:static;}*/
/*.fl{float:left;_display:inline;}*/
/*.fr{float:right;_display:inline;}*/
/*.fn{float:none;}*/
/*.ovh{overflow:hidden;}*/
/*.ova{overflow:auto;}*/
/*.ovv{overflow:visible;}*/
/*.vh{visibility:hidden;}*/
/*.bCt{background:transparent;}*/
/*.none0{display:none;}*/
.content{
    width: 100%;
    height:750px;
    background: #fff url(../images/mnyj_ssq/bj.png) no-repeat center center;
    /*border:1px solid;*/
    position: relative;
    top:0;
    left:0;
}
.y_tz{
    position: absolute;
    bottom:25px;
    left: 50px;
    z-index: 1;
}
.y_right{
    width: 312px;
    height: 258px;
    position: absolute;
    top: 100px;
    right: 50px;
    z-index: 1;
}
.y_box{
    position: absolute;
    top:70px;
    left:15px;
    z-index: 2;
}
.y_box li{
    float: left;
    width:30px;
    height:30px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background-color: #e1e1e1;
    margin:0 2px;
   line-height: 30px;
}
.y_box li.hq{
    background: url(../images/mnyj_ssq/hq.png);
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
}
.y_box li.lq{
    background: url(../images/mnyj_ssq/lq.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/30px "微软雅黑";
    text-align: center;
}
@media (min-width:1400px) {
    .y_box li{width:35px;  height:35px;line-height: 35px;}
    .y_box li i{  font:16px/36px "微软雅黑";}
}
@media (min-width:1600px) {
    .y_box li{ width:36px;  height:36px;}
    .y_box li i{  font:16px/36px "微软雅黑";}
}
.y_xhl{
    position: absolute;
    bottom:30px;
    left:71px;
    z-index: 2;
    width: 170px;
    height: 50px;
    color:#fff;
    font:20px/46px "微软雅黑";
    background: url(../images/mnyj_ssq/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_ssq/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_ssq/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_ssq/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_ssq/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;
}

.y_center{
    width: 284px;
    height:284px;
    position:absolute;
    top:150px;
    left: 119px;
    z-index: 3;
}

.y_mask{
    position: absolute;
    top: 25px;
    left: 69px;
    z-index: 100;
}


/*----------顶部出号码球动画-----------*/
.y_top{
    position: absolute;
    top:40px;
    left:131px;
    z-index: 2;
}
.y_top li{
    float: left;
    width:20px;
    height:20px;
    margin:0 3px;
    color:#fff;
    font:12px/20px "微软雅黑";
}
.y_top li.hq{
    background: url(../images/mnyj_ssq/hq.png);
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
}
.y_top li.lq{
    background: url(../images/mnyj_ssq/lq.png);
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
}
.y_top li i{
    width: 100%;
    display: inline-block;
    font-style: inherit;
    text-align: center;
}
/*----------顶部出号码球动画-----------*/
.y_top_lq{
    position: absolute;
    top:40px;
    left:131px;
    z-index: 2;
    padding-top: 43px;
}
.y_top_lq li{
    float: left;
    width:20px;
    height:20px;
    margin:0 3px;
    color:#fff;
    font:12px/20px "微软雅黑";
}
.y_top_lq li.hq{
    background: url(../images/mnyj_ssq/hq.png);
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
}
.y_top_lq li.lq{
    background: url(../images/mnyj_ssq/lq.png);
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
}
.y_top_lq li i{
    width: 100%;
    display: inline-block;
    font-style: inherit;
    text-align: center;
}
/*-----------红球--01---------------*/
.y_top li:nth-of-type(1).on{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    -webkit-animation:action1_1 1.2s linear 0.4s;
            -moz-animation:action1_1 1.2s linear 0.4s;
              -o-animation:action1_1 1.2s linear 0.4s;
         animation:action1_1 1.2s linear 0.4s;
}
.y_top li:nth-of-type(1).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_1 1s linear infinite;
            -moz-animation:action2_1 1s linear infinite;
              -o-animation:action2_1 1s linear infinite;
         animation:action2_1 1s linear infinite;
}
@-webkit-keyframes action1_1 {
    0% { top:0; }
    30% { top:70px;left:0px;-webkit-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:100px;-webkit-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:375px;left:115px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:375px;left:115px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action1_1 {
    0% { top:0; }
    30% { top:70px;left:0px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:100px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:375px;left:115px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:375px;left:115px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action1_1 {
    0% { top:0; }
    30% { top:70px;left:0px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:100px;-webkit-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:375px;left:115px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:375px;left:115px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action1_1 {
    0% { top:0; }
    30% { top:70px;left:0px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:100px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:375px;left:115px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:375px;left:115px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes action2_1 {
    0% { top:355px;left:115px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:200px;left:225px;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:300px;left:210px;-webkit-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:150px;left:20px;-webkit-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:115px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action2_1 {
    0% { top:355px;left:115px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:200px;left:225px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:300px;left:210px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:150px;left:20px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:115px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action2_1 {
    0% { top:355px;left:115px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:200px;left:225px;-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:300px;left:210px;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:150px;left:20px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:115px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action2_1 {
    0% { top:355px;left:115px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:200px;left:225px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:300px;left:210px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:150px;left:20px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:115px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}

/*-----------红球--02---------------*/
.y_top li:nth-of-type(2).on{
    position: absolute;
    top: 0;
    left: 26px;
    z-index: 2;
    -webkit-animation:action1_2 1.2s linear 0.4s;
            -moz-animation:action1_2 1.2s linear 0.4s;
              -o-animation:action1_2 1.2s linear 0.4s;
         animation:action1_2 1.2s linear 0.4s;
}
.y_top li:nth-of-type(2).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_2 1s linear infinite;
            -moz-animation:action2_2 1s linear infinite;
              -o-animation:action2_2 1s linear infinite;
         animation:action2_2 1s linear infinite;
}
@-webkit-keyframes action1_2 {
    0% { top:0; }
    30% { top:78px;left:26px;-webkit-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:375px;left:120px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:375px;left:115px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action1_2 {
    0% { top:0; }
    30% { top:78px;left:26px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:375px;left:120px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:375px;left:115px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action1_2 {
    0% { top:0; }
    30% { top:78px;left:26px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:375px;left:120px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:375px;left:115px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action1_2 {
    0% { top:0; }
    30% { top:78px;left:26px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:375px;left:120px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:375px;left:115px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes action2_2 {
    0% { top:355px;left:120px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:150px;left:125px;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:355px;left:130px;-webkit-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:220px;left:125px;-webkit-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:120px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action2_2 {
    0% { top:355px;left:120px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:150px;left:125px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:355px;left:130px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:220px;left:125px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:120px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action2_2 {
    0% { top:355px;left:120px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:150px;left:125px;-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:355px;left:130px;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:220px;left:125px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:120px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action2_2 {
    0% { top:355px;left:120px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:150px;left:125px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:355px;left:130px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:220px;left:125px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:120px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}

/*-----------红球--03---------------*/
.y_top li:nth-of-type(3).on{
    position: absolute;
    top: 0;
    left: 52px;
    z-index: 2;
    -webkit-animation:action1_3 1.2s linear 0.4s;
            -moz-animation:action1_3 1.2s linear 0.4s;
              -o-animation:action1_3 1.2s linear 0.4s;
         animation:action1_3 1.2s linear 0.4s;
}
.y_top li:nth-of-type(3).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_3 1s linear infinite;
            -moz-animation:action2_3 1s linear infinite;
              -o-animation:action2_3 1s linear infinite;
         animation:action2_3 1s linear infinite;
}
@-webkit-keyframes action1_3 {
    0% { top:0; }
    30% { top:85px;left:52px;-webkit-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:355px;left:180px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:180px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action1_3 {
    0% { top:0; }
    30% { top:85px;left:52px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:355px;left:180px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:180px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action1_3 {
    0% { top:0; }
    30% { top:85px;left:52px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:355px;left:180px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:180px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action1_3 {
    0% { top:0; }
    30% { top:85px;left:52px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:355px;left:180px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:180px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes action2_3 {
    0% { top:350px;left:175px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:180px;left:0px;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:340px;left:50px;-webkit-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:160px;left:70px;-webkit-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:350px;left:175px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action2_3 {
    0% { top:350px;left:175px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:180px;left:0px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:340px;left:50px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:160px;left:70px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:350px;left:175px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action2_3 {
    0% { top:350px;left:175px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:180px;left:0px;-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:340px;left:50px;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:160px;left:70px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:350px;left:175px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action2_3 {
    0% { top:350px;left:175px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:180px;left:0px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:340px;left:50px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:160px;left:70px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:350px;left:175px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
/*-----------红球--04---------------*/
.y_top li:nth-of-type(4).on{
    position: absolute;
    top: 22px;
    left: 0;
    z-index: 2;
    -webkit-animation:action1_4 1.2s linear 0.3s;
            -moz-animation:action1_4 1.2s linear 0.3s;
              -o-animation:action1_4 1.2s linear 0.3s;
         animation:action1_4 1.2s linear 0.3s;
}
.y_top li:nth-of-type(4).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_4 1s linear infinite;
            -moz-animation:action2_4 1s linear infinite;
              -o-animation:action2_4 1s linear infinite;
         animation:action2_4 1s linear infinite;
}
@-webkit-keyframes action1_4 {
    0% { top:22px; }
    30% { top:70px;left:0px;-webkit-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:100px;-webkit-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:375px;left:115px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:375px;left:115px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action1_4 {
    0% { top:22px; }
    30% { top:70px;left:0px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:100px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:375px;left:115px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:375px;left:115px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action1_4 {
    0% { top:22px; }
    30% { top:70px;left:0px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:100px;-webkit-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:375px;left:115px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:375px;left:115px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action1_4 {
    0% { top:22px; }
    30% { top:70px;left:0px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:100px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:375px;left:115px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:375px;left:115px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes action2_4 {
    0% { top:355px;left:115px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:220px;left:230px;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:330px;left:185px;-webkit-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:325px;left:25px;-webkit-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:115px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action2_4 {
    0% { top:355px;left:115px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:220px;left:230px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:330px;left:185px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:325px;left:25px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:115px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action2_4 {
    0% { top:355px;left:115px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:220px;left:230px;-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:330px;left:185px;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:325px;left:25px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:115px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action2_4 {
    0% { top:355px;left:115px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:220px;left:230px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:330px;left:185px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:325px;left:25px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:115px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}

/*-----------红球--05---------------*/
.y_top li:nth-of-type(5).on{
    position: absolute;
    top: 22px;
    left: 26px;
    z-index: 2;
    -webkit-animation:action1_5 1.2s linear 0.3s;
            -moz-animation:action1_5 1.2s linear 0.3s;
              -o-animation:action1_5 1.2s linear 0.3s;
         animation:action1_5 1.2s linear 0.3s;
}
.y_top li:nth-of-type(5).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_5 1s linear infinite;
            -moz-animation:action2_5 1s linear infinite;
              -o-animation:action2_5 1s linear infinite;
         animation:action2_5 1s linear infinite;
}
@-webkit-keyframes action1_5 {
    0% { top:22px; }
    30% { top:78px;left:26px;-webkit-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:375px;left:120px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:375px;left:115px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action1_5 {
    0% { top:22px; }
    30% { top:78px;left:26px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:375px;left:120px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:375px;left:115px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action1_5 {
    0% { top:22px; }
    30% { top:78px;left:26px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:375px;left:120px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:375px;left:115px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action1_5 {
    0% { top:22px; }
    30% { top:78px;left:26px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:375px;left:120px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:375px;left:115px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes action2_5 {
    0% { top:355px;left:120px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:250px;left:125px;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
    50% { top:355px;left:130px;-webkit-transform:rotate(60deg);transform:rotate(60deg); }
    75% { top:300px;left:125px;-webkit-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:120px;-webkit-transform:rotate(-60deg);transform:rotate(-60deg);}
}
@-moz-keyframes action2_5 {
    0% { top:355px;left:120px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:250px;left:125px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);}
    50% { top:355px;left:130px;-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);transform:rotate(60deg); }
    75% { top:300px;left:125px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:120px;-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);transform:rotate(-60deg);}
}
@-o-keyframes action2_5 {
    0% { top:355px;left:120px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:250px;left:125px;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
    50% { top:355px;left:130px;-webkit-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg); }
    75% { top:300px;left:125px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:120px;-webkit-transform:rotate(-60deg);-o-transform:rotate(-60deg);transform:rotate(-60deg);}
}
@keyframes action2_5 {
    0% { top:355px;left:120px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:250px;left:125px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
    50% { top:355px;left:130px;-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg); }
    75% { top:300px;left:125px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:120px;-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);-o-transform:rotate(-60deg);transform:rotate(-60deg);}
}

/*-----------红球--06---------------*/
.y_top li:nth-of-type(6).on{
    position: absolute;
    top: 22px;
    left: 52px;
    z-index: 2;
    -webkit-animation:action1_6 1.2s linear 0.3s;
            -moz-animation:action1_6 1.2s linear 0.3s;
              -o-animation:action1_6 1.2s linear 0.3s;
         animation:action1_6 1.2s linear 0.3s;
}
.y_top li:nth-of-type(6).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_6 1s linear infinite;
            -moz-animation:action2_6 1s linear infinite;
              -o-animation:action2_6 1s linear infinite;
         animation:action2_6 1s linear infinite;
}
@-webkit-keyframes action1_6 {
    0% { top: 22px; }
    30% { top:85px;left:52px;-webkit-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:355px;left:180px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:180px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action1_6 {
    0% { top: 22px; }
    30% { top:85px;left:52px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:355px;left:180px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:180px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action1_6 {
    0% { top: 22px; }
    30% { top:85px;left:52px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:355px;left:180px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:180px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action1_6 {
    0% { top: 22px; }
    30% { top:85px;left:52px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:355px;left:180px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:180px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes action2_6 {
    0% { top:350px;left:175px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:135px;left:180px;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:340px;left:50px;-webkit-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:135px;left:180px;-webkit-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:350px;left:175px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action2_6 {
    0% { top:350px;left:175px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:135px;left:180px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:340px;left:50px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:135px;left:180px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:350px;left:175px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action2_6 {
    0% { top:350px;left:175px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:135px;left:180px;-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:340px;left:50px;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:135px;left:180px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:350px;left:175px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action2_6 {
    0% { top:350px;left:175px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:135px;left:180px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:340px;left:50px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:135px;left:180px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:350px;left:175px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
/*-----------红球--07---------------*/
.y_top li:nth-of-type(7).on{
    position: absolute;
    top: 22px;
    left: 78px;
    z-index: 2;
    -webkit-animation:action1_7 1.2s linear 0.3s;
            -moz-animation:action1_7 1.2s linear 0.3s;
              -o-animation:action1_7 1.2s linear 0.3s;
         animation:action1_7 1.2s linear 0.3s;
}
.y_top li:nth-of-type(7).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_7 1s linear infinite;
            -moz-animation:action2_7 1s linear infinite;
              -o-animation:action2_7 1s linear infinite;
         animation:action2_7 1s linear infinite;
}
@-webkit-keyframes action1_7 {
    0% { top: 22px; }
    30% { top:90px;left:78px;-webkit-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(180deg);transform:rotate(180deg) }
    90% { top:355px;left:160px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:160px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action1_7 {
    0% { top: 22px; }
    30% { top:90px;left:78px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg) }
    90% { top:355px;left:160px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:160px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action1_7 {
    0% { top: 22px; }
    30% { top:90px;left:78px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg) }
    90% { top:355px;left:160px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:160px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action1_7 {
    0% { top: 22px; }
    30% { top:90px;left:78px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg) }
    90% { top:355px;left:160px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:160px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes action2_7 {
    0% { top:355px;left:125px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:120px;left:150px;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:290px;left:0px;-webkit-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:125px;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@-moz-keyframes action2_7 {
    0% { top:355px;left:125px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:120px;left:150px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:290px;left:0px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:125px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);}
}
@-o-keyframes action2_7 {
    0% { top:355px;left:125px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:120px;left:150px;-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:290px;left:0px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:125px;-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes action2_7 {
    0% { top:355px;left:125px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:120px;left:150px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:290px;left:0px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:125px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
}

/*-----------红球--08---------------*/
.y_top li:nth-of-type(8).on{
    position: absolute;
    top: 22px;
    left: 104px;
    z-index: 2;
    -webkit-animation:action1_8 1.2s linear 0.3s;
            -moz-animation:action1_8 1.2s linear 0.3s;
              -o-animation:action1_8 1.2s linear 0.3s;
         animation:action1_8 1.2s linear 0.3s;
}
.y_top li:nth-of-type(8).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_8 1s linear infinite;
            -moz-animation:action2_8 1s linear infinite;
              -o-animation:action2_8 1s linear infinite;
         animation:action2_8 1s linear infinite;
}
@-webkit-keyframes action1_8 {
    0% { top: 22px; }
    30% { top:90px;left:104px;-webkit-transform:rotate(0deg);transform:rotate(0deg) }
    90% { top:355px;left:140px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:140px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action1_8 {
    0% { top: 22px; }
    30% { top:90px;left:104px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg) }
    90% { top:355px;left:140px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:140px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action1_8 {
    0% { top: 22px; }
    30% { top:90px;left:104px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    90% { top:355px;left:140px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:140px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action1_8 {
    0% { top: 22px; }
    30% { top:90px;left:104px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    90% { top:355px;left:140px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:140px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes action2_8 {
    0% { top:345px;left:165px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    40% {top:165px;left:210px;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
    70% { top:300px;left:210px;-webkit-transform:rotate(180deg);transform:rotate(180deg); }
    100% { top:345px;left:165px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes action2_8 {
    0% { top:345px;left:165px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    40% {top:165px;left:210px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);}
    70% { top:300px;left:210px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg); }
    100% { top:345px;left:165px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
}
@-o-keyframes action2_8 {
    0% { top:345px;left:165px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    40% {top:165px;left:210px;-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    70% { top:300px;left:210px;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); }
    100% { top:345px;left:165px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes action2_8 {
    0% { top:345px;left:165px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    40% {top:165px;left:210px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    70% { top:300px;left:210px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); }
    100% { top:345px;left:165px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}

/*-----------红球--09---------------*/
.y_top li:nth-of-type(9).on{
    position: absolute;
    top: 22px;
    left: 130px;
    z-index: 2;
    -webkit-animation:action1_9 1.2s linear 0.3s;
            -moz-animation:action1_9 1.2s linear 0.3s;
              -o-animation:action1_9 1.2s linear 0.3s;
         animation:action1_9 1.2s linear 0.3s;
}
.y_top li:nth-of-type(9).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_9 1s linear infinite;
            -moz-animation:action2_9 1s linear infinite;
              -o-animation:action2_9 1s linear infinite;
         animation:action2_9 1s linear infinite;
}
@-webkit-keyframes action1_9 {
    0% { top: 22px; }
    30% { top:90px;left:130px;-webkit-transform:rotate(0deg);transform:rotate(0deg) }
    90% { top:355px;left:120px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:120px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action1_9 {
    0% { top: 22px; }
    30% { top:90px;left:130px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg) }
    90% { top:355px;left:120px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:120px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action1_9 {
    0% { top: 22px; }
    30% { top:90px;left:130px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    90% { top:355px;left:120px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:120px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action1_9 {
    0% { top: 22px; }
    30% { top:90px;left:130px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    90% { top:355px;left:120px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:120px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes action2_9 {
    0% { top:350px;left:125px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:255px;left:150px;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:350px;left:125px;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@-moz-keyframes action2_9 {
    0% { top:350px;left:125px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:255px;left:150px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:350px;left:125px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);}
}
@-o-keyframes action2_9 {
    0% { top:350px;left:125px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:255px;left:150px;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:350px;left:125px;-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes action2_9 {
    0% { top:350px;left:125px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:255px;left:150px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:350px;left:125px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
}

/*-----------红球--10---------------*/
.y_top li:nth-of-type(10).on{
    position: absolute;
    top: 22px;
    left: 156px;
    z-index: 2;
    -webkit-animation:action1_10 1.2s linear 0.3s;
            -moz-animation:action1_10 1.2s linear 0.3s;
              -o-animation:action1_10 1.2s linear 0.3s;
         animation:action1_10 1.2s linear 0.3s;
}
.y_top li:nth-of-type(10).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_10 1s linear infinite;
            -moz-animation:action2_10 1s linear infinite;
              -o-animation:action2_10 1s linear infinite;
         animation:action2_10 1s linear infinite;
}
@-webkit-keyframes action1_10 {
    0% { top: 22px; }
    30% { top:95px;left:156px;-webkit-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:125px;-webkit-transform:rotate(-180deg);transform:rotate(-180deg) }
    90% { top:355px;left:100px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:100px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action1_10 {
    0% { top: 22px; }
    30% { top:95px;left:156px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:125px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);transform:rotate(-180deg) }
    90% { top:355px;left:100px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:100px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action1_10 {
    0% { top: 22px; }
    30% { top:95px;left:156px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:125px;-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg) }
    90% { top:355px;left:100px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:100px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action1_10 {
    0% { top: 22px; }
    30% { top:95px;left:156px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:125px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg) }
    90% { top:355px;left:100px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:100px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes action2_10 {
    0% { top:350px;left:65px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:220px;left:230px;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:300px;left:5px;-webkit-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:325px;left:25px;-webkit-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:350px;left:65px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes action2_10 {
    0% { top:350px;left:65px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:220px;left:230px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:300px;left:5px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:325px;left:25px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:350px;left:65px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
}
@-o-keyframes action2_10 {
    0% { top:350px;left:65px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:220px;left:230px;-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:300px;left:5px;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:325px;left:25px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:350px;left:65px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes action2_10 {
    0% { top:350px;left:65px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:220px;left:230px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:300px;left:5px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:325px;left:25px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:350px;left:65px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}

/*-----------红球--11---------------*/
.y_top li:nth-of-type(11).on{
    position: absolute;
    top: 22px;
    left: 182px;
    z-index: 2;
    -webkit-animation:action1_11 1.2s linear 0.3s;
            -moz-animation:action1_11 1.2s linear 0.3s;
              -o-animation:action1_11 1.2s linear 0.3s;
         animation:action1_11 1.2s linear 0.3s;
}
.y_top li:nth-of-type(11).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_11 1s linear infinite;
            -moz-animation:action2_11 1s linear infinite;
              -o-animation:action2_11 1s linear infinite;
         animation:action2_11 1s linear infinite;
}
@-webkit-keyframes action1_11 {
    0% { top: 22px; }
    30% { top:85px;left:182px;-webkit-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:130px;-webkit-transform:rotate(-180deg);transform:rotate(-180deg) }
    90% { top:355px;left:90px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:90px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action1_11 {
    0% { top: 22px; }
    30% { top:85px;left:182px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:130px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);transform:rotate(-180deg) }
    90% { top:355px;left:90px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:90px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action1_11 {
    0% { top: 22px; }
    30% { top:85px;left:182px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:130px;-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg) }
    90% { top:355px;left:90px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:90px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action1_11 {
    0% { top: 22px; }
    30% { top:85px;left:182px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:130px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg) }
    90% { top:355px;left:90px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:90px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes action2_11 {
    0% { top:350px;left:175px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:135px;left:50px;-webkit-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:350px;left:175px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes action2_11 {
    0% { top:350px;left:175px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:135px;left:50px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:350px;left:175px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
}
@-o-keyframes action2_11 {
    0% { top:350px;left:175px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:135px;left:50px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:350px;left:175px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes action2_11 {
    0% { top:350px;left:175px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:135px;left:50px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:350px;left:175px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}

/*-----------红球--12---------------*/
.y_top li:nth-of-type(12).on{
    position: absolute;
    top: 22px;
    left: 208px;
    z-index: 2;
    -webkit-animation:action1_12 1.2s linear 0.3s;
            -moz-animation:action1_12 1.2s linear 0.3s;
              -o-animation:action1_12 1.2s linear 0.3s;
         animation:action1_12 1.2s linear 0.3s;
}
.y_top li:nth-of-type(12).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_12 1s linear infinite;
            -moz-animation:action2_12 1s linear infinite;
              -o-animation:action2_12 1s linear infinite;
         animation:action2_12 1s linear infinite;
}
@-webkit-keyframes action1_12 {
    0% { top: 22px; }
    30% { top:75px;left:208px;-webkit-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:105px;left:130px;-webkit-transform:rotate(-240deg);transform:rotate(-240deg) }
    90% { top:355px;left:80px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:80px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action1_12 {
    0% { top: 22px; }
    30% { top:75px;left:208px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:105px;left:130px;-webkit-transform:rotate(-240deg);-moz-transform:rotate(-240deg);transform:rotate(-240deg) }
    90% { top:355px;left:80px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:80px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action1_12 {
    0% { top: 22px; }
    30% { top:75px;left:208px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:105px;left:130px;-webkit-transform:rotate(-240deg);-o-transform:rotate(-240deg);transform:rotate(-240deg) }
    90% { top:355px;left:80px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:80px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action1_12 {
    0% { top: 22px; }
    30% { top:75px;left:208px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:105px;left:130px;-webkit-transform:rotate(-240deg);-moz-transform:rotate(-240deg);-o-transform:rotate(-240deg);transform:rotate(-240deg) }
    90% { top:355px;left:80px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:80px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes action2_12 {
    0% { top:350px;left:105px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:205px;left:90px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    100% { top:350px;left:105px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes action2_12 {
    0% { top:350px;left:105px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:205px;left:90px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    100% { top:350px;left:105px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
}
@-o-keyframes action2_12 {
    0% { top:350px;left:105px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:205px;left:90px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100% { top:350px;left:105px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes action2_12 {
    0% { top:350px;left:105px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:205px;left:90px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100% { top:350px;left:105px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}

/*-----------红球--13---------------*/
.y_top li:nth-of-type(13).on{
    position: absolute;
    top: 22px;
    left: 234px;
    z-index: 2;
    -webkit-animation:action1_13 1.2s linear 0.3s;
            -moz-animation:action1_13 1.2s linear 0.3s;
              -o-animation:action1_13 1.2s linear 0.3s;
         animation:action1_13 1.2s linear 0.3s;
}
.y_top li:nth-of-type(13).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_13 1s linear infinite;
            -moz-animation:action2_13 1s linear infinite;
              -o-animation:action2_13 1s linear infinite;
         animation:action2_13 1s linear infinite;
}
@-webkit-keyframes action1_13 {
    0% { top: 22px; }
    30% { top:70px;left:234px;-webkit-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:120px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg) }
    90% { top:355px;left:80px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    100%{ top:355px;left:80px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes action1_13 {
    0% { top: 22px; }
    30% { top:70px;left:234px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:120px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg) }
    90% { top:355px;left:80px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    100%{ top:355px;left:80px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
}
@-o-keyframes action1_13 {
    0% { top: 22px; }
    30% { top:70px;left:234px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:120px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg) }
    90% { top:355px;left:80px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100%{ top:355px;left:80px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes action1_13 {
    0% { top: 22px; }
    30% { top:70px;left:234px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:120px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg) }
    90% { top:355px;left:80px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100%{ top:355px;left:80px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes action2_13 {
    0% { top:350px;left:105px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:225px;left:80px;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:350px;left:105px;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@-moz-keyframes action2_13 {
    0% { top:350px;left:105px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:225px;left:80px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:350px;left:105px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);}
}
@-o-keyframes action2_13 {
    0% { top:350px;left:105px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:225px;left:80px;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:350px;left:105px;-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes action2_13 {
    0% { top:350px;left:105px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:225px;left:80px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:350px;left:105px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
}

/*-----------红球--14---------------*/
.y_top li:nth-of-type(14).on{
    position: absolute;
    top: 43px;
    left: 0;
    z-index: 2;
    -webkit-animation:action1_14 1.2s linear 0.2s;
            -moz-animation:action1_14 1.2s linear 0.2s;
              -o-animation:action1_14 1.2s linear 0.2s;
         animation:action1_14 1.2s linear 0.2s;
}
.y_top li:nth-of-type(14).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_14 1s linear infinite;
            -moz-animation:action2_14 1s linear infinite;
              -o-animation:action2_14 1s linear infinite;
         animation:action2_14 1s linear infinite;
}
@-webkit-keyframes action1_14 {
    0% { top:43px; }
    30% { top:70px;left:0px;-webkit-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:100px;-webkit-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:375px;left:115px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:375px;left:115px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action1_14 {
    0% { top:43px; }
    30% { top:70px;left:0px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:100px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:375px;left:115px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:375px;left:115px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action1_14 {
    0% { top:43px; }
    30% { top:70px;left:0px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:100px;-webkit-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:375px;left:115px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:375px;left:115px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action1_14 {
    0% { top:43px; }
    30% { top:70px;left:0px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:100px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:375px;left:115px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:375px;left:115px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes action2_14 {
    0% { top:355px;left:115px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:220px;left:230px;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:355px;left:115px;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
}
@-moz-keyframes action2_14 {
    0% { top:355px;left:115px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:220px;left:230px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:355px;left:115px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);}
}
@-o-keyframes action2_14 {
    0% { top:355px;left:115px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:220px;left:230px;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:355px;left:115px;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
}
@keyframes action2_14 {
    0% { top:355px;left:115px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:220px;left:230px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:355px;left:115px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
}

/*-----------红球--15---------------*/
.y_top li:nth-of-type(15).on{
    position: absolute;
    top: 43px;
    left: 26px;
    z-index: 2;
    -webkit-animation:action1_15 1.2s linear 0.2s;
            -moz-animation:action1_15 1.2s linear 0.2s;
              -o-animation:action1_15 1.2s linear 0.2s;
         animation:action1_15 1.2s linear 0.2s;
}
.y_top li:nth-of-type(15).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_15 1s linear infinite;
            -moz-animation:action2_15 1s linear infinite;
              -o-animation:action2_15 1s linear infinite;
         animation:action2_15 1s linear infinite;
}
@-webkit-keyframes action1_15 {
    0% { top:43px; }
    30% { top:78px;left:26px;-webkit-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:375px;left:120px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:375px;left:115px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action1_15 {
    0% { top:43px; }
    30% { top:78px;left:26px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:375px;left:120px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:375px;left:115px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action1_15 {
    0% { top:43px; }
    30% { top:78px;left:26px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:375px;left:120px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:375px;left:115px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action1_15 {
    0% { top:43px; }
    30% { top:78px;left:26px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:375px;left:120px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:375px;left:115px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes action2_15 {
    0% { top:355px;left:115px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:160px;left:200px;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:355px;left:115px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes action2_15 {
    0% { top:355px;left:115px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:160px;left:200px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:355px;left:115px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
}
@-o-keyframes action2_15 {
    0% { top:355px;left:115px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:160px;left:200px;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:355px;left:115px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes action2_15 {
    0% { top:355px;left:115px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:160px;left:200px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:355px;left:115px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}

/*-----------红球--16---------------*/
.y_top li:nth-of-type(16).on{
    position: absolute;
    top: 43px;
    left: 52px;
    z-index: 2;
    -webkit-animation:action1_16 1.2s linear 0.2s;
            -moz-animation:action1_16 1.2s linear 0.2s;
              -o-animation:action1_16 1.2s linear 0.2s;
         animation:action1_16 1.2s linear 0.2s;
}
.y_top li:nth-of-type(16).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_16 1s linear infinite;
            -moz-animation:action2_16 1s linear infinite;
              -o-animation:action2_16 1s linear infinite;
         animation:action2_16 1s linear infinite;
}
@-webkit-keyframes action1_16 {
    0% { top: 43px; }
    30% { top:85px;left:52px;-webkit-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:355px;left:180px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:180px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action1_16 {
    0% { top: 43px; }
    30% { top:85px;left:52px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:355px;left:180px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:180px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action1_16 {
    0% { top: 43px; }
    30% { top:85px;left:52px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:355px;left:180px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:180px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action1_16 {
    0% { top: 43px; }
    30% { top:85px;left:52px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:355px;left:180px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:180px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes action2_16 {
    0% { top:355px;left:115px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:160px;left:20px;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:355px;left:115px;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
}
@-moz-keyframes action2_16 {
    0% { top:355px;left:115px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:160px;left:20px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:355px;left:115px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);}
}
@-o-keyframes action2_16 {
    0% { top:355px;left:115px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:160px;left:20px;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:355px;left:115px;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
}
@keyframes action2_16 {
    0% { top:355px;left:115px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:160px;left:20px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:355px;left:115px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
}

/*-----------红球--17---------------*/
.y_top li:nth-of-type(17).on{
    position: absolute;
    top: 43px;
    left: 78px;
    z-index: 2;
    -webkit-animation:action1_17 1.2s linear 0.2s;
            -moz-animation:action1_17 1.2s linear 0.2s;
              -o-animation:action1_17 1.2s linear 0.2s;
         animation:action1_17 1.2s linear 0.2s;
}
.y_top li:nth-of-type(17).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_17 1s linear infinite;
            -moz-animation:action2_17 1s linear infinite;
              -o-animation:action2_17 1s linear infinite;
         animation:action2_17 1s linear infinite;
}
@-webkit-keyframes action1_17 {
    0% { top: 43px; }
    30% { top:90px;left:78px;-webkit-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(180deg);transform:rotate(180deg) }
    90% { top:355px;left:160px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:160px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action1_17 {
    0% { top: 43px; }
    30% { top:90px;left:78px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg) }
    90% { top:355px;left:160px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:160px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action1_17 {
    0% { top: 43px; }
    30% { top:90px;left:78px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg) }
    90% { top:355px;left:160px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:160px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action1_17 {
    0% { top: 43px; }
    30% { top:90px;left:78px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg) }
    90% { top:355px;left:160px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:160px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes action2_17 {
    0% { top:325px;left:200px;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:140px;left:25px;-webkit-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:325px;left:200px;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@-moz-keyframes action2_17 {
    0% { top:325px;left:200px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:140px;left:25px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:325px;left:200px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);}
}
@-o-keyframes action2_17 {
    0% { top:325px;left:200px;-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:140px;left:25px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:325px;left:200px;-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes action2_17 {
    0% { top:325px;left:200px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:140px;left:25px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:325px;left:200px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
}

/*-----------红球--18---------------*/
.y_top li:nth-of-type(18).on{
    position: absolute;
    top: 43px;
    left: 104px;
    z-index: 2;
    -webkit-animation:action1_18 1.2s linear 0.2s;
            -moz-animation:action1_18 1.2s linear 0.2s;
              -o-animation:action1_18 1.2s linear 0.2s;
         animation:action1_18 1.2s linear 0.2s;
}
.y_top li:nth-of-type(18).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_18 1s linear infinite;
            -moz-animation:action2_18 1s linear infinite;
              -o-animation:action2_18 1s linear infinite;
         animation:action2_18 1s linear infinite;
}
@-webkit-keyframes action1_18 {
    0% { top: 43px; }
    30% { top:90px;left:104px;-webkit-transform:rotate(0deg);transform:rotate(0deg) }
    90% { top:355px;left:140px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:140px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action1_18 {
    0% { top: 43px; }
    30% { top:90px;left:104px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg) }
    90% { top:355px;left:140px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:140px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action1_18 {
    0% { top: 43px; }
    30% { top:90px;left:104px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    90% { top:355px;left:140px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:140px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action1_18 {
    0% { top: 43px; }
    30% { top:90px;left:104px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    90% { top:355px;left:140px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:140px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes action2_18 {
    0% { top:345px;left:80px;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:220px;left:25px;-webkit-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:345px;left:80px;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@-moz-keyframes action2_18 {
    0% { top:345px;left:80px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:220px;left:25px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:345px;left:80px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);}
}
@-o-keyframes action2_18 {
    0% { top:345px;left:80px;-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:220px;left:25px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:345px;left:80px;-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes action2_18 {
    0% { top:345px;left:80px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:220px;left:25px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:345px;left:80px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
}

/*-----------红球--19---------------*/
.y_top li:nth-of-type(19).on{
    position: absolute;
    top: 43px;
    left: 130px;
    z-index: 2;
    -webkit-animation:action1_19 1.2s linear 0.2s;
            -moz-animation:action1_19 1.2s linear 0.2s;
              -o-animation:action1_19 1.2s linear 0.2s;
         animation:action1_19 1.2s linear 0.2s;
}
.y_top li:nth-of-type(19).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_19 1s linear infinite;
            -moz-animation:action2_19 1s linear infinite;
              -o-animation:action2_19 1s linear infinite;
         animation:action2_19 1s linear infinite;
}
@-webkit-keyframes action1_19 {
    0% { top: 43px; }
    30% { top:90px;left:130px;-webkit-transform:rotate(0deg);transform:rotate(0deg) }
    90% { top:355px;left:120px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:120px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action1_19 {
    0% { top: 43px; }
    30% { top:90px;left:130px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg) }
    90% { top:355px;left:120px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:120px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action1_19 {
    0% { top: 43px; }
    30% { top:90px;left:130px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    90% { top:355px;left:120px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:120px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action1_19 {
    0% { top: 43px; }
    30% { top:90px;left:130px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    90% { top:355px;left:120px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:120px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes action2_19 {
    0% { top:355px;left:115px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:160px;left:150px;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:355px;left:115px;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
}
@-moz-keyframes action2_19 {
    0% { top:355px;left:115px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:160px;left:150px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:355px;left:115px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);}
}
@-o-keyframes action2_19 {
    0% { top:355px;left:115px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:160px;left:150px;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:355px;left:115px;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
}
@keyframes action2_19 {
    0% { top:355px;left:115px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:160px;left:150px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:355px;left:115px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
}

/*-----------红球--20---------------*/
.y_top li:nth-of-type(20).on{
    position: absolute;
    top: 43px;
    left: 156px;
    z-index: 2;
    -webkit-animation:action1_20 1.2s linear 0.2s;
            -moz-animation:action1_20 1.2s linear 0.2s;
              -o-animation:action1_20 1.2s linear 0.2s;
         animation:action1_20 1.2s linear 0.2s;
}
.y_top li:nth-of-type(20).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_20 1s linear infinite;
            -moz-animation:action2_20 1s linear infinite;
              -o-animation:action2_20 1s linear infinite;
         animation:action2_20 1s linear infinite;
}
@-webkit-keyframes action1_20 {
    0% { top: 43px; }
    30% { top:95px;left:156px;-webkit-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:125px;-webkit-transform:rotate(-180deg);transform:rotate(-180deg) }
    90% { top:355px;left:100px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:100px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action1_20 {
    0% { top: 43px; }
    30% { top:95px;left:156px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:125px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);transform:rotate(-180deg) }
    90% { top:355px;left:100px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:100px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action1_20 {
    0% { top: 43px; }
    30% { top:95px;left:156px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:125px;-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg) }
    90% { top:355px;left:100px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:100px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action1_20 {
    0% { top: 43px; }
    30% { top:95px;left:156px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:125px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg) }
    90% { top:355px;left:100px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:100px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes action2_20 {
    0% { top:355px;left:125px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:160px;left:20px;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:355px;left:125px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes action2_20 {
    0% { top:355px;left:125px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:160px;left:20px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:355px;left:125px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
}
@-o-keyframes action2_20 {
    0% { top:355px;left:125px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:160px;left:20px;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:355px;left:125px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes action2_20 {
    0% { top:355px;left:125px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:160px;left:20px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:355px;left:125px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}

/*-----------红球--21---------------*/
.y_top li:nth-of-type(21).on{
    position: absolute;
    top: 43px;
    left: 182px;
    z-index: 2;
    -webkit-animation:action1_21 1.2s linear 0.2s;
            -moz-animation:action1_21 1.2s linear 0.2s;
              -o-animation:action1_21 1.2s linear 0.2s;
         animation:action1_21 1.2s linear 0.2s;
}
.y_top li:nth-of-type(21).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_21 1s linear infinite;
            -moz-animation:action2_21 1s linear infinite;
              -o-animation:action2_21 1s linear infinite;
         animation:action2_21 1s linear infinite;
}
@-webkit-keyframes action1_21 {
    0% { top: 43px; }
    30% { top:85px;left:182px;-webkit-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:130px;-webkit-transform:rotate(-180deg);transform:rotate(-180deg) }
    90% { top:355px;left:90px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:90px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action1_21 {
    0% { top: 43px; }
    30% { top:85px;left:182px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:130px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);transform:rotate(-180deg) }
    90% { top:355px;left:90px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:90px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action1_21 {
    0% { top: 43px; }
    30% { top:85px;left:182px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:130px;-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg) }
    90% { top:355px;left:90px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:90px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action1_21 {
    0% { top: 43px; }
    30% { top:85px;left:182px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:130px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg) }
    90% { top:355px;left:90px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:90px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes action2_21 {
    0% { top:355px;left:105px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:200px;left:200px;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:355px;left:105px;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
}
@-moz-keyframes action2_21 {
    0% { top:355px;left:105px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:200px;left:200px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:355px;left:105px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);}
}
@-o-keyframes action2_21 {
    0% { top:355px;left:105px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:200px;left:200px;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:355px;left:105px;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
}
@keyframes action2_21 {
    0% { top:355px;left:105px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:200px;left:200px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:355px;left:105px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
}

/*-----------红球--22---------------*/
.y_top li:nth-of-type(22).on{
    position: absolute;
    top: 43px;
    left: 208px;
    z-index: 2;
    -webkit-animation:action1_22 1.2s linear 0.2s;
            -moz-animation:action1_22 1.2s linear 0.2s;
              -o-animation:action1_22 1.2s linear 0.2s;
         animation:action1_22 1.2s linear 0.2s;
}
.y_top li:nth-of-type(22).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_22 1s linear infinite;
            -moz-animation:action2_22 1s linear infinite;
              -o-animation:action2_22 1s linear infinite;
         animation:action2_22 1s linear infinite;
}
@-webkit-keyframes action1_22 {
    0% { top: 43px; }
    30% { top:75px;left:208px;-webkit-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:105px;left:130px;-webkit-transform:rotate(-240deg);transform:rotate(-240deg) }
    90% { top:355px;left:80px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:80px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action1_22 {
    0% { top: 43px; }
    30% { top:75px;left:208px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:105px;left:130px;-webkit-transform:rotate(-240deg);-moz-transform:rotate(-240deg);transform:rotate(-240deg) }
    90% { top:355px;left:80px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:80px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action1_22 {
    0% { top: 43px; }
    30% { top:75px;left:208px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:105px;left:130px;-webkit-transform:rotate(-240deg);-o-transform:rotate(-240deg);transform:rotate(-240deg) }
    90% { top:355px;left:80px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:80px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action1_22 {
    0% { top: 43px; }
    30% { top:75px;left:208px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:105px;left:130px;-webkit-transform:rotate(-240deg);-moz-transform:rotate(-240deg);-o-transform:rotate(-240deg);transform:rotate(-240deg) }
    90% { top:355px;left:80px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:80px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes action2_22 {
    0% { top:350px;left:105px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:120px;left:80px;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:350px;left:105px;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@-moz-keyframes action2_22 {
    0% { top:350px;left:105px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:120px;left:80px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:350px;left:105px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);}
}
@-o-keyframes action2_22 {
    0% { top:350px;left:105px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:120px;left:80px;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:350px;left:105px;-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes action2_22 {
    0% { top:350px;left:105px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:120px;left:80px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:350px;left:105px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
}

/*-----------红球--23---------------*/
.y_top li:nth-of-type(23).on{
    position: absolute;
    top: 43px;
    left: 234px;
    z-index: 2;
    -webkit-animation:action1_23 1.2s linear 0.2s;
            -moz-animation:action1_23 1.2s linear 0.2s;
              -o-animation:action1_23 1.2s linear 0.2s;
         animation:action1_23 1.2s linear 0.2s;
}
.y_top li:nth-of-type(23).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_23 1s linear infinite;
            -moz-animation:action2_23 1s linear infinite;
              -o-animation:action2_23 1s linear infinite;
         animation:action2_23 1s linear infinite;
}
@-webkit-keyframes action1_23 {
    0% { top: 43px; }
    30% { top:70px;left:234px;-webkit-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:120px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg) }
    90% { top:355px;left:80px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    100%{ top:355px;left:80px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes action1_23 {
    0% { top: 43px; }
    30% { top:70px;left:234px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:120px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg) }
    90% { top:355px;left:80px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    100%{ top:355px;left:80px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
}
@-o-keyframes action1_23 {
    0% { top: 43px; }
    30% { top:70px;left:234px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:120px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg) }
    90% { top:355px;left:80px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100%{ top:355px;left:80px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes action1_23 {
    0% { top: 43px; }
    30% { top:70px;left:234px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:120px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg) }
    90% { top:355px;left:80px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100%{ top:355px;left:80px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes action2_23 {
    0% { top:350px;left:105px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:235px;left:130px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    100% { top:350px;left:105px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes action2_23 {
    0% { top:350px;left:105px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:235px;left:130px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    100% { top:350px;left:105px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
}
@-o-keyframes action2_23 {
    0% { top:350px;left:105px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:235px;left:130px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100% { top:350px;left:105px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes action2_23 {
    0% { top:350px;left:105px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:235px;left:130px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100% { top:350px;left:105px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}

/*-----------红球--24---------------*/
.y_top li:nth-of-type(24).on{
    position: absolute;
    top: 64px;
    left: 0;
    z-index: 2;
    -webkit-animation:action1_24 1.2s linear 0.1s;
            -moz-animation:action1_24 1.2s linear 0.1s;
              -o-animation:action1_24 1.2s linear 0.1s;
         animation:action1_24 1.2s linear 0.1s;
}
.y_top li:nth-of-type(24).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_24 1s linear infinite;
            -moz-animation:action2_24 1s linear infinite;
              -o-animation:action2_24 1s linear infinite;
         animation:action2_24 1s linear infinite;
}
@-webkit-keyframes action1_24 {
    0% { top:64px; }
    30% { top:70px;left:0px;-webkit-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:100px;-webkit-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:375px;left:115px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:375px;left:115px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action1_24 {
    0% { top:64px; }
    30% { top:70px;left:0px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:100px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:375px;left:115px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:375px;left:115px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action1_24 {
    0% { top:64px; }
    30% { top:70px;left:0px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:100px;-webkit-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:375px;left:115px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:375px;left:115px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action1_24 {
    0% { top:64px; }
    30% { top:70px;left:0px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:100px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:375px;left:115px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:375px;left:115px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes action2_24 {
    0% { top:350px;left:175px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:155px;left:90px;-webkit-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:350px;left:175px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes action2_24 {
    0% { top:350px;left:175px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:155px;left:90px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:350px;left:175px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
}
@-o-keyframes action2_24 {
    0% { top:350px;left:175px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:155px;left:90px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:350px;left:175px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes action2_24 {
    0% { top:350px;left:175px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:155px;left:90px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:350px;left:175px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}

/*-----------红球--25---------------*/
.y_top li:nth-of-type(25).on{
    position: absolute;
    top: 64px;
    left: 26px;
    z-index: 2;
    -webkit-animation:action1_25 1.2s linear 0.1s;
            -moz-animation:action1_25 1.2s linear 0.1s;
              -o-animation:action1_25 1.2s linear 0.1s;
         animation:action1_25 1.2s linear 0.1s;
}
.y_top li:nth-of-type(25).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_25 1s linear infinite;
            -moz-animation:action2_25 1s linear infinite;
              -o-animation:action2_25 1s linear infinite;
         animation:action2_25 1s linear infinite;
}
@-webkit-keyframes action1_25 {
    0% { top:64px; }
    30% { top:78px;left:26px;-webkit-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:375px;left:120px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:375px;left:115px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action1_25 {
    0% { top:64px; }
    30% { top:78px;left:26px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:375px;left:120px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:375px;left:115px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action1_25 {
    0% { top:64px; }
    30% { top:78px;left:26px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:375px;left:120px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:375px;left:115px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action1_25 {
    0% { top:64px; }
    30% { top:78px;left:26px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:375px;left:120px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:375px;left:115px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes action2_25 {
    0% { top:350px;left:65px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:220px;left:180px;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:300px;left:5px;-webkit-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:325px;left:25px;-webkit-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:350px;left:65px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes action2_25 {
    0% { top:350px;left:65px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:220px;left:180px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:300px;left:5px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:325px;left:25px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:350px;left:65px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
}
@-o-keyframes action2_25 {
    0% { top:350px;left:65px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:220px;left:180px;-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:300px;left:5px;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:325px;left:25px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:350px;left:65px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes action2_25 {
    0% { top:350px;left:65px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:220px;left:180px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:300px;left:5px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:325px;left:25px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:350px;left:65px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}

/*-----------红球--26---------------*/
.y_top li:nth-of-type(26).on{
    position: absolute;
    top: 64px;
    left: 52px;
    z-index: 2;
    -webkit-animation:action1_26 1.2s linear 0.1s;
            -moz-animation:action1_26 1.2s linear 0.1s;
              -o-animation:action1_26 1.2s linear 0.1s;
         animation:action1_26 1.2s linear 0.1s;
}
.y_top li:nth-of-type(26).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_26 1s linear infinite;
            -moz-animation:action2_26 1s linear infinite;
              -o-animation:action2_26 1s linear infinite;
         animation:action2_26 1s linear infinite;
}
@-webkit-keyframes action1_26 {
    0% { top: 64px; }
    30% { top:85px;left:52px;-webkit-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:355px;left:180px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:180px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action1_26 {
    0% { top: 64px; }
    30% { top:85px;left:52px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:355px;left:180px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:180px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action1_26 {
    0% { top: 64px; }
    30% { top:85px;left:52px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:355px;left:180px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:180px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action1_26 {
    0% { top: 64px; }
    30% { top:85px;left:52px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg) }
    90% { top:355px;left:180px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:180px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes action2_26 {
    0% { top:350px;left:125px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:255px;left:100px;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:350px;left:125px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes action2_26 {
    0% { top:350px;left:125px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:255px;left:100px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:350px;left:125px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
}
@-o-keyframes action2_26 {
    0% { top:350px;left:125px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:255px;left:100px;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:350px;left:125px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes action2_26 {
    0% { top:350px;left:125px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:255px;left:100px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
    100% { top:350px;left:125px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}

/*-----------红球--27---------------*/
.y_top li:nth-of-type(27).on{
    position: absolute;
    top: 64px;
    left: 78px;
    z-index: 2;
    -webkit-animation:action1_27 1.2s linear 0.1s;
            -moz-animation:action1_27 1.2s linear 0.1s;
              -o-animation:action1_27 1.2s linear 0.1s;
         animation:action1_27 1.2s linear 0.1s;
}
.y_top li:nth-of-type(27).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_27 1s linear infinite;
            -moz-animation:action2_27 1s linear infinite;
              -o-animation:action2_27 1s linear infinite;
         animation:action2_27 1s linear infinite;
}
@-webkit-keyframes action1_27 {
    0% { top: 64px; }
    30% { top:90px;left:78px;-webkit-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(180deg);transform:rotate(180deg) }
    90% { top:355px;left:160px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:160px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action1_27 {
    0% { top: 64px; }
    30% { top:90px;left:78px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg) }
    90% { top:355px;left:160px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:160px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action1_27 {
    0% { top: 64px; }
    30% { top:90px;left:78px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg) }
    90% { top:355px;left:160px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:160px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action1_27 {
    0% { top: 64px; }
    30% { top:90px;left:78px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:100px;left:110px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg) }
    90% { top:355px;left:160px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:160px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes action2_27 {
    0% { top:345px;left:125px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    40% {top:165px;left:190px;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
    70% { top:300px;left:210px;-webkit-transform:rotate(180deg);transform:rotate(180deg); }
    100% { top:345px;left:125px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes action2_27 {
    0% { top:345px;left:125px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    40% {top:165px;left:190px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);}
    70% { top:300px;left:210px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg); }
    100% { top:345px;left:125px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
}
@-o-keyframes action2_27 {
    0% { top:345px;left:125px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    40% {top:165px;left:190px;-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    70% { top:300px;left:210px;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); }
    100% { top:345px;left:125px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes action2_27 {
    0% { top:345px;left:125px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    40% {top:165px;left:190px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    70% { top:300px;left:210px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); }
    100% { top:345px;left:125px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}

/*-----------红球--28---------------*/
.y_top li:nth-of-type(28).on{
    position: absolute;
    top: 64px;
    left: 104px;
    z-index: 2;
    -webkit-animation:action1_28 1.2s linear 0.1s;
            -moz-animation:action1_28 1.2s linear 0.1s;
              -o-animation:action1_28 1.2s linear 0.1s;
         animation:action1_28 1.2s linear 0.1s;
}
.y_top li:nth-of-type(28).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_28 1s linear infinite;
            -moz-animation:action2_28 1s linear infinite;
              -o-animation:action2_28 1s linear infinite;
         animation:action2_28 1s linear infinite;
}
@-webkit-keyframes action1_28 {
    0% { top: 64px; }
    30% { top:90px;left:104px;-webkit-transform:rotate(0deg);transform:rotate(0deg) }
    90% { top:355px;left:140px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:140px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action1_28 {
    0% { top: 64px; }
    30% { top:90px;left:104px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg) }
    90% { top:355px;left:140px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:140px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action1_28 {
    0% { top: 64px; }
    30% { top:90px;left:104px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    90% { top:355px;left:140px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:140px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action1_28 {
    0% { top: 64px; }
    30% { top:90px;left:104px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    90% { top:355px;left:140px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:140px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes action2_28 {
    0% { top:355px;left:125px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:120px;left:100px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    80% { top:290px;left:0px;-webkit-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:125px;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@-moz-keyframes action2_28 {
    0% { top:355px;left:125px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:120px;left:100px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    80% { top:290px;left:0px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:125px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);}
}
@-o-keyframes action2_28 {
    0% { top:355px;left:125px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:120px;left:100px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    80% { top:290px;left:0px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:125px;-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes action2_28 {
    0% { top:355px;left:125px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    50% { top:120px;left:100px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    80% { top:290px;left:0px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:125px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
}

/*-----------红球--29---------------*/
.y_top li:nth-of-type(29).on{
    position: absolute;
    top: 64px;
    left: 130px;
    z-index: 2;
    -webkit-animation:action1_29 1.2s linear 0.1s;
            -moz-animation:action1_29 1.2s linear 0.1s;
              -o-animation:action1_29 1.2s linear 0.1s;
         animation:action1_29 1.2s linear 0.1s;
}
.y_top li:nth-of-type(29).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_29 1s linear infinite;
            -moz-animation:action2_29 1s linear infinite;
              -o-animation:action2_29 1s linear infinite;
         animation:action2_29 1s linear infinite;
}
@-webkit-keyframes action1_29 {
    0% { top: 64px; }
    30% { top:90px;left:130px;-webkit-transform:rotate(0deg);transform:rotate(0deg) }
    90% { top:355px;left:120px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:120px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action1_29 {
    0% { top: 64px; }
    30% { top:90px;left:130px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg) }
    90% { top:355px;left:120px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:120px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action1_29 {
    0% { top: 64px; }
    30% { top:90px;left:130px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    90% { top:355px;left:120px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:120px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action1_29 {
    0% { top: 64px; }
    30% { top:90px;left:130px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    90% { top:355px;left:120px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:120px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes action2_29 {
    0% { top:350px;left:175px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:135px;left:160px;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:300px;left:50px;-webkit-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:135px;left:160px;-webkit-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:350px;left:175px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action2_29 {
    0% { top:350px;left:175px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:135px;left:160px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:300px;left:50px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:135px;left:160px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:350px;left:175px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action2_29 {
    0% { top:350px;left:175px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:135px;left:160px;-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:300px;left:50px;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:135px;left:160px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:350px;left:175px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action2_29 {
    0% { top:350px;left:175px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:135px;left:160px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:300px;left:50px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:135px;left:160px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:350px;left:175px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}

/*-----------红球--30---------------*/
.y_top li:nth-of-type(30).on{
    position: absolute;
    top: 64px;
    left: 156px;
    z-index: 2;
    -webkit-animation:action1_30 1.2s linear 0.1s;
            -moz-animation:action1_30 1.2s linear 0.1s;
              -o-animation:action1_30 1.2s linear 0.1s;
         animation:action1_30 1.2s linear 0.1s;
}
.y_top li:nth-of-type(30).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_30 1s linear infinite;
            -moz-animation:action2_30 1s linear infinite;
              -o-animation:action2_30 1s linear infinite;
         animation:action2_30 1s linear infinite;
}
@-webkit-keyframes action1_30 {
    0% { top: 64px; }
    30% { top:95px;left:156px;-webkit-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:125px;-webkit-transform:rotate(-180deg);transform:rotate(-180deg) }
    90% { top:355px;left:100px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:100px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action1_30 {
    0% { top: 64px; }
    30% { top:95px;left:156px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:125px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);transform:rotate(-180deg) }
    90% { top:355px;left:100px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:100px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action1_30 {
    0% { top: 64px; }
    30% { top:95px;left:156px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:125px;-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg) }
    90% { top:355px;left:100px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:100px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action1_30 {
    0% { top: 64px; }
    30% { top:95px;left:156px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:125px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg) }
    90% { top:355px;left:100px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:100px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes action2_30 {
    0% { top:355px;left:120px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:250px;left:55px;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
    50% { top:355px;left:130px;-webkit-transform:rotate(60deg);transform:rotate(60deg); }
    75% { top:300px;left:55px;-webkit-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:120px;-webkit-transform:rotate(-60deg);transform:rotate(-60deg);}
}
@-moz-keyframes action2_30 {
    0% { top:355px;left:120px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:250px;left:55px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);}
    50% { top:355px;left:130px;-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);transform:rotate(60deg); }
    75% { top:300px;left:55px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:120px;-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);transform:rotate(-60deg);}
}
@-o-keyframes action2_30 {
    0% { top:355px;left:120px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:250px;left:55px;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
    50% { top:355px;left:130px;-webkit-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg); }
    75% { top:300px;left:55px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:120px;-webkit-transform:rotate(-60deg);-o-transform:rotate(-60deg);transform:rotate(-60deg);}
}
@keyframes action2_30 {
    0% { top:355px;left:120px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:250px;left:55px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
    50% { top:355px;left:130px;-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg); }
    75% { top:300px;left:55px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:120px;-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);-o-transform:rotate(-60deg);transform:rotate(-60deg);}
}

/*-----------红球--31---------------*/
.y_top li:nth-of-type(31).on{
    position: absolute;
    top: 64px;
    left: 182px;
    z-index: 2;
    -webkit-animation:action1_31 1.2s linear 0.1s;
            -moz-animation:action1_31 1.2s linear 0.1s;
              -o-animation:action1_31 1.2s linear 0.1s;
         animation:action1_31 1.2s linear 0.1s;
}
.y_top li:nth-of-type(31).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_31 1s linear infinite;
            -moz-animation:action2_31 1s linear infinite;
              -o-animation:action2_31 1s linear infinite;
         animation:action2_31 1s linear infinite;
}
@-webkit-keyframes action1_31 {
    0% { top: 64px; }
    30% { top:85px;left:182px;-webkit-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:130px;-webkit-transform:rotate(-180deg);transform:rotate(-180deg) }
    90% { top:355px;left:90px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:90px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action1_31 {
    0% { top: 64px; }
    30% { top:85px;left:182px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:130px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);transform:rotate(-180deg) }
    90% { top:355px;left:90px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:90px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action1_31 {
    0% { top: 64px; }
    30% { top:85px;left:182px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:130px;-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg) }
    90% { top:355px;left:90px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:90px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action1_31 {
    0% { top: 64px; }
    30% { top:85px;left:182px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:130px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg) }
    90% { top:355px;left:90px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:90px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes action2_31 {
    0% { top:355px;left:115px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:200px;left:200px;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:330px;left:185px;-webkit-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:325px;left:25px;-webkit-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:115px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action2_31 {
    0% { top:355px;left:115px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:200px;left:200px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:330px;left:185px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:325px;left:25px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:115px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action2_31 {
    0% { top:355px;left:115px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:200px;left:200px;-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:330px;left:185px;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:325px;left:25px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:115px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action2_31 {
    0% { top:355px;left:115px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:200px;left:200px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:330px;left:185px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:325px;left:25px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:115px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}

/*-----------红球--32---------------*/
.y_top li:nth-of-type(32).on{
    position: absolute;
    top: 64px;
    left: 208px;
    z-index: 2;
    -webkit-animation:action1_32 1.2s linear 0.1s;
            -moz-animation:action1_32 1.2s linear 0.1s;
              -o-animation:action1_32 1.2s linear 0.1s;
         animation:action1_32 1.2s linear 0.1s;
}
.y_top li:nth-of-type(32).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_32 1s linear infinite;
            -moz-animation:action2_32 1s linear infinite;
              -o-animation:action2_32 1s linear infinite;
         animation:action2_32 1s linear infinite;
}
@-webkit-keyframes action1_32 {
    0% { top: 64px; }
    30% { top:75px;left:208px;-webkit-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:105px;left:130px;-webkit-transform:rotate(-240deg);transform:rotate(-240deg) }
    90% { top:355px;left:80px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:80px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action1_32 {
    0% { top: 64px; }
    30% { top:75px;left:208px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:105px;left:130px;-webkit-transform:rotate(-240deg);-moz-transform:rotate(-240deg);transform:rotate(-240deg) }
    90% { top:355px;left:80px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:80px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action1_32 {
    0% { top: 64px; }
    30% { top:75px;left:208px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:105px;left:130px;-webkit-transform:rotate(-240deg);-o-transform:rotate(-240deg);transform:rotate(-240deg) }
    90% { top:355px;left:80px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:80px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action1_32 {
    0% { top: 64px; }
    30% { top:75px;left:208px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:105px;left:130px;-webkit-transform:rotate(-240deg);-moz-transform:rotate(-240deg);-o-transform:rotate(-240deg);transform:rotate(-240deg) }
    90% { top:355px;left:80px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
    100%{ top:355px;left:80px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes action2_32 {
    0% { top:350px;left:175px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:150px;left:20px;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:340px;left:50px;-webkit-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:150px;left:20px;-webkit-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:350px;left:175px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action2_32 {
    0% { top:350px;left:175px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:150px;left:20px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:340px;left:50px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:150px;left:20px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:350px;left:175px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action2_32 {
    0% { top:350px;left:175px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:150px;left:20px;-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:340px;left:50px;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:150px;left:20px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:350px;left:175px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action2_32 {
    0% { top:350px;left:175px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:150px;left:20px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:340px;left:50px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:150px;left:20px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:350px;left:175px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}

/*-----------红球--33---------------*/
.y_top li:nth-of-type(33).on{
    position: absolute;
    top: 64px;
    left: 234px;
    z-index: 2;
    -webkit-animation:action1_33 1.2s linear 0.1s;
            -moz-animation:action1_33 1.2s linear 0.1s;
              -o-animation:action1_33 1.2s linear 0.1s;
         animation:action1_33 1.2s linear 0.1s;
}
.y_top li:nth-of-type(33).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_33 1s linear infinite;
            -moz-animation:action2_33 1s linear infinite;
              -o-animation:action2_33 1s linear infinite;
         animation:action2_33 1s linear infinite;
}
@-webkit-keyframes action1_33 {
    0% { top: 64px; }
    30% { top:70px;left:234px;-webkit-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:120px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg) }
    90% { top:355px;left:80px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    100%{ top:355px;left:80px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes action1_33 {
    0% { top: 64px; }
    30% { top:70px;left:234px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:120px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg) }
    90% { top:355px;left:80px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    100%{ top:355px;left:80px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
}
@-o-keyframes action1_33 {
    0% { top: 64px; }
    30% { top:70px;left:234px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:120px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg) }
    90% { top:355px;left:80px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100%{ top:355px;left:80px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes action1_33 {
    0% { top: 64px; }
    30% { top:70px;left:234px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg) }
    60% { top:110px;left:120px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg) }
    90% { top:355px;left:80px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100%{ top:355px;left:80px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes action2_33 {
    0% { top:355px;left:120px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:150px;left:85px;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:355px;left:130px;-webkit-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:200px;left:125px;-webkit-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:120px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-moz-keyframes action2_33 {
    0% { top:355px;left:120px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:150px;left:85px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:355px;left:130px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:200px;left:125px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:120px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-o-keyframes action2_33 {
    0% { top:355px;left:120px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:150px;left:85px;-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:355px;left:130px;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:200px;left:125px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:120px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes action2_33 {
    0% { top:355px;left:120px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    25% { top:150px;left:85px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    50% { top:355px;left:130px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); }
    75% { top:200px;left:125px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); }
    100% { top:355px;left:120px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
}


/*----------底部出号码球动画-----------*/
.y_bottom{
    position: absolute;
    top:478px;
    left:75px;
    z-index: 2;
}
.y_bottom li{
    position: absolute;
    top: 0;
    z-index: 2;
    width:36px;
    height:36px;
    color: #fff;
    font:16px/36px "微软雅黑";
    opacity: 0;
}
.y_bottom li.hq{
    background: url(../images/mnyj_ssq/hq.png);
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
}
.y_bottom li.lq{
    background: url(../images/mnyj_ssq/lq.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:-103px;left:190px;-webkit-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    40% { top:0;left:270px;-webkit-transform:rotate(720deg);transform:rotate(720deg); color: transparent;}
    100% {top:0;left:0;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);color: #fff;opacity: 1;}
}
@-moz-keyframes action3_1 {
    0% { top:-103px;left:190px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    40% { top:0;left:270px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);transform:rotate(720deg); color: transparent;}
    100% {top:0;left:0;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);color: #fff;opacity: 1;}
}
@-o-keyframes action3_1 {
    0% { top:-103px;left:190px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    40% { top:0;left:270px;-webkit-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg); color: transparent;}
    100% {top:0;left:0;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);color: #fff;opacity: 1;}
}
@keyframes action3_1 {
    0% { top:-103px;left:190px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    40% { top:0;left:270px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg); color: transparent;}
    100% {top:0;left:0;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);color: #fff;opacity: 1;}
}
@-webkit-keyframes action3_2 {
    0% { top:-103px;left:190px;-webkit-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    40% { top:0;left:270px;-webkit-transform:rotate(720deg);transform:rotate(720deg); color: transparent;}
    100% {top:0;left:36px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);color: #fff;opacity: 1;}
}
@-moz-keyframes action3_2 {
    0% { top:-103px;left:190px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    40% { top:0;left:270px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);transform:rotate(720deg); color: transparent;}
    100% {top:0;left:36px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);color: #fff;opacity: 1;}
}
@-o-keyframes action3_2 {
    0% { top:-103px;left:190px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    40% { top:0;left:270px;-webkit-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg); color: transparent;}
    100% {top:0;left:36px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);color: #fff;opacity: 1;}
}
@keyframes action3_2 {
    0% { top:-103px;left:190px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    40% { top:0;left:270px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg); color: transparent;}
    100% {top:0;left:36px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);color: #fff;opacity: 1;}
}
@-webkit-keyframes action3_3 {
    0% { top:-103px;left:190px;-webkit-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    40% { top:0;left:270px;-webkit-transform:rotate(720deg);transform:rotate(720deg); color: transparent;}
    100% {top:0;left:72px;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);color: #fff;opacity: 1;}
}
@-moz-keyframes action3_3 {
    0% { top:-103px;left:190px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    40% { top:0;left:270px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);transform:rotate(720deg); color: transparent;}
    100% {top:0;left:72px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg);color: #fff;opacity: 1;}
}
@-o-keyframes action3_3 {
    0% { top:-103px;left:190px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    40% { top:0;left:270px;-webkit-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg); color: transparent;}
    100% {top:0;left:72px;-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);color: #fff;opacity: 1;}
}
@keyframes action3_3 {
    0% { top:-103px;left:190px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    40% { top:0;left:270px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg); color: transparent;}
    100% {top:0;left:72px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);color: #fff;opacity: 1;}
}
@-webkit-keyframes action3_4 {
    0% { top:-103px;left:190px;-webkit-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    40% { top:0;left:270px;-webkit-transform:rotate(720deg);transform:rotate(720deg); color: transparent;}
    100% {top:0;left:108px;-webkit-transform:rotate(-180deg);transform:rotate(-180deg);color: #fff;opacity: 1;}
}
@-moz-keyframes action3_4 {
    0% { top:-103px;left:190px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    40% { top:0;left:270px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);transform:rotate(720deg); color: transparent;}
    100% {top:0;left:108px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);transform:rotate(-180deg);color: #fff;opacity: 1;}
}
@-o-keyframes action3_4 {
    0% { top:-103px;left:190px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    40% { top:0;left:270px;-webkit-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg); color: transparent;}
    100% {top:0;left:108px;-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);color: #fff;opacity: 1;}
}
@keyframes action3_4 {
    0% { top:-103px;left:190px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    40% { top:0;left:270px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg); color: transparent;}
    100% {top:0;left:108px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);color: #fff;opacity: 1;}
}
@-webkit-keyframes action3_5 {
    0% { top:-103px;left:190px;-webkit-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    50% { top:0;left:270px;-webkit-transform:rotate(720deg);transform:rotate(720deg); color: transparent;}
    100% {top:0;left:144px;-webkit-transform:rotate(0deg);transform:rotate(0deg);color: #fff;opacity: 1;}
}
@-moz-keyframes action3_5 {
    0% { top:-103px;left:190px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    50% { top:0;left:270px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);transform:rotate(720deg); color: transparent;}
    100% {top:0;left:144px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);color: #fff;opacity: 1;}
}
@-o-keyframes action3_5 {
    0% { top:-103px;left:190px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    50% { top:0;left:270px;-webkit-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg); color: transparent;}
    100% {top:0;left:144px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);color: #fff;opacity: 1;}
}
@keyframes action3_5 {
    0% { top:-103px;left:190px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    50% { top:0;left:270px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg); color: transparent;}
    100% {top:0;left:144px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);color: #fff;opacity: 1;}
}
@-webkit-keyframes action3_6 {
    0% { top:-103px;left:190px;-webkit-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    60% { top:0;left:270px;-webkit-transform:rotate(720deg);transform:rotate(720deg); color: transparent;}
    100% {top:0;left:180px;-webkit-transform:rotate(180deg);transform:rotate(180deg);color: #fff;opacity: 1;}
}
@-moz-keyframes action3_6 {
    0% { top:-103px;left:190px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    60% { top:0;left:270px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);transform:rotate(720deg); color: transparent;}
    100% {top:0;left:180px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);color: #fff;opacity: 1;}
}
@-o-keyframes action3_6 {
    0% { top:-103px;left:190px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    60% { top:0;left:270px;-webkit-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg); color: transparent;}
    100% {top:0;left:180px;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);color: #fff;opacity: 1;}
}
@keyframes action3_6 {
    0% { top:-103px;left:190px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    60% { top:0;left:270px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg); 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:-103px;left:190px;-webkit-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    70% { top:0;left:270px;-webkit-transform:rotate(720deg);transform:rotate(720deg); color: transparent;}
    100% {top:0;left:216px;-webkit-transform:rotate(360deg);transform:rotate(360deg);color: #fff;opacity: 1;}
}
@-moz-keyframes action3_7 {
    0% { top:-103px;left:190px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    70% { top:0;left:270px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);transform:rotate(720deg); color: transparent;}
    100% {top:0;left:216px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);color: #fff;opacity: 1;}
}
@-o-keyframes action3_7 {
    0% { top:-103px;left:190px;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    70% { top:0;left:270px;-webkit-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg); color: transparent;}
    100% {top:0;left:216px;-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);color: #fff;opacity: 1;}
}
@keyframes action3_7 {
    0% { top:-103px;left:190px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);color: transparent;opacity: 1;}
    70% { top:0;left:270px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg); color: transparent;}
    100% {top:0;left:216px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);color: #fff;opacity: 1;}
}
/*@keyframes action3_1 {
    0% { top:335px;left:135px;transform:rotate(0deg);color: transparent;}
    40% { top:438px;left:205px;transform:rotate(720deg); color: transparent;}
    100% {top:438px;left:-55px;transform:rotate(-360deg);color: #fff;}
}
@keyframes action3_2 {
    0% { top:335px;left:135px;transform:rotate(0deg);color: transparent;}
    40% { top:438px;left:208px;transform:rotate(720deg); color: transparent;}
    100% {top:438px;left:-19px;transform:rotate(-360deg);color: #fff;font:16px/36px "微软雅黑";}
}
@keyframes action3_3 {
    0% { top:335px;left:135px;transform:rotate(0deg);color: transparent;}
    40% { top:438px;left:208px;transform:rotate(720deg); color: transparent;}
    100% {top:438px;left:17px;transform:rotate(-360deg);color: #fff;font:16px/36px "微软雅黑";}
}
@keyframes action3_4 {
    0% { top:335px;left:135px;transform:rotate(0deg);color: transparent;}
    40% { top:438px;left:208px;transform:rotate(720deg); color: transparent;}
    100% {top:438px;left:53px;transform:rotate(-360deg);color: #fff;font:16px/36px "微软雅黑";}
}
@keyframes action3_5 {
    0% { top:335px;left:135px;transform:rotate(0deg);color: transparent;}
    40% { top:438px;left:208px;transform:rotate(720deg); color: transparent;}
    100% {top:438px;left:89px;transform:rotate(-360deg);color: #fff;font:16px/36px "微软雅黑";}
}
@keyframes action3_6 {
    0% { top:335px;left:135px;transform:rotate(0deg);color: transparent;}
    40% { top:438px;left:208px;transform:rotate(720deg); color: transparent;}
    100% {top:438px;left:125px;transform:rotate(-360deg);color: #fff;font:16px/36px "微软雅黑";}
}
@keyframes action3_7 {
    0% { top:335px;left:135px;transform:rotate(0deg);color: transparent;}
    40% { top:438px;left:208px;transform:rotate(720deg); color: transparent;}
    100% {top:438px;left:161px;transform:rotate(-360deg);color: #fff;font:16px/36px "微软雅黑";}
}*/


/*-----------蓝球--01---------------*/
.y_top_lq li:nth-of-type(1).on{
    position: absolute;
    top: 43px;
    left: 0;
    z-index: 2;
    -webkit-animation:action1_14 1.2s linear 0.2s;
            -moz-animation:action1_14 1.2s linear 0.2s;
              -o-animation:action1_14 1.2s linear 0.2s;
         animation:action1_14 1.2s linear 0.2s;
}
.y_top_lq li:nth-of-type(1).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_14 1s linear infinite;
            -moz-animation:action2_14 1s linear infinite;
              -o-animation:action2_14 1s linear infinite;
         animation:action2_14 1s linear infinite;
}

/*-----------蓝球--02---------------*/
.y_top_lq li:nth-of-type(2).on{
    position: absolute;
    top: 43px;
    left: 26px;
    z-index: 2;
    -webkit-animation:action1_15 1.2s linear 0.2s;
            -moz-animation:action1_15 1.2s linear 0.2s;
              -o-animation:action1_15 1.2s linear 0.2s;
         animation:action1_15 1.2s linear 0.2s;
}
.y_top_lq li:nth-of-type(2).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_15 1s linear infinite;
            -moz-animation:action2_15 1s linear infinite;
              -o-animation:action2_15 1s linear infinite;
         animation:action2_15 1s linear infinite;
}

/*-----------蓝球--03---------------*/
.y_top_lq li:nth-of-type(3).on{
    position: absolute;
    top: 43px;
    left: 52px;
    z-index: 2;
    -webkit-animation:action1_16 1.2s linear 0.2s;
            -moz-animation:action1_16 1.2s linear 0.2s;
              -o-animation:action1_16 1.2s linear 0.2s;
         animation:action1_16 1.2s linear 0.2s;
}
.y_top_lq li:nth-of-type(3).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_16 1s linear infinite;
            -moz-animation:action2_16 1s linear infinite;
              -o-animation:action2_16 1s linear infinite;
         animation:action2_16 1s linear infinite;
}

/*-----------蓝球--4---------------*/
.y_top_lq li:nth-of-type(4).on{
    position: absolute;
    top: 43px;
    left: 78px;
    z-index: 2;
    -webkit-animation:action1_17 1.2s linear 0.2s;
            -moz-animation:action1_17 1.2s linear 0.2s;
              -o-animation:action1_17 1.2s linear 0.2s;
         animation:action1_17 1.2s linear 0.2s;
}
.y_top_lq li:nth-of-type(4).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_17 1s linear infinite;
            -moz-animation:action2_17 1s linear infinite;
              -o-animation:action2_17 1s linear infinite;
         animation:action2_17 1s linear infinite;
}

/*-----------蓝球--5---------------*/
.y_top_lq li:nth-of-type(5).on{
    position: absolute;
    top: 43px;
    left: 104px;
    z-index: 2;
    -webkit-animation:action1_18 1.2s linear 0.2s;
            -moz-animation:action1_18 1.2s linear 0.2s;
              -o-animation:action1_18 1.2s linear 0.2s;
         animation:action1_18 1.2s linear 0.2s;
}
.y_top_lq li:nth-of-type(5).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_18 1s linear infinite;
            -moz-animation:action2_18 1s linear infinite;
              -o-animation:action2_18 1s linear infinite;
         animation:action2_18 1s linear infinite;
}

/*-----------蓝球--6---------------*/
.y_top_lq li:nth-of-type(6).on{
    position: absolute;
    top: 43px;
    left: 130px;
    z-index: 2;
    -webkit-animation:action1_19 1.2s linear 0.2s;
            -moz-animation:action1_19 1.2s linear 0.2s;
              -o-animation:action1_19 1.2s linear 0.2s;
         animation:action1_19 1.2s linear 0.2s;
}
.y_top_lq li:nth-of-type(6).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_19 1s linear infinite;
            -moz-animation:action2_19 1s linear infinite;
              -o-animation:action2_19 1s linear infinite;
         animation:action2_19 1s linear infinite;
}

/*-----------蓝球--7---------------*/
.y_top_lq li:nth-of-type(7).on{
    position: absolute;
    top: 64px;
    left: 0;
    z-index: 2;
    -webkit-animation:action1_24 1.2s linear 0.1s;
            -moz-animation:action1_24 1.2s linear 0.1s;
              -o-animation:action1_24 1.2s linear 0.1s;
         animation:action1_24 1.2s linear 0.1s;
}
.y_top_lq li:nth-of-type(7).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_24 1s linear infinite;
            -moz-animation:action2_24 1s linear infinite;
              -o-animation:action2_24 1s linear infinite;
         animation:action2_24 1s linear infinite;
}

/*-----------蓝球--8---------------*/
.y_top_lq li:nth-of-type(8).on{
    position: absolute;
    top: 64px;
    left: 26px;
    z-index: 2;
    -webkit-animation:action1_25 1.2s linear 0.1s;
            -moz-animation:action1_25 1.2s linear 0.1s;
              -o-animation:action1_25 1.2s linear 0.1s;
         animation:action1_25 1.2s linear 0.1s;
}
.y_top_lq li:nth-of-type(8).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_25 1s linear infinite;
            -moz-animation:action2_25 1s linear infinite;
              -o-animation:action2_25 1s linear infinite;
         animation:action2_25 1s linear infinite;
}

/*-----------蓝球--9---------------*/
.y_top_lq li:nth-of-type(9).on{
    position: absolute;
    top: 64px;
    left: 52px;
    z-index: 2;
    -webkit-animation:action1_26 1.2s linear 0.1s;
            -moz-animation:action1_26 1.2s linear 0.1s;
              -o-animation:action1_26 1.2s linear 0.1s;
         animation:action1_26 1.2s linear 0.1s;
}
.y_top_lq li:nth-of-type(9).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_26 1s linear infinite;
            -moz-animation:action2_26 1s linear infinite;
              -o-animation:action2_26 1s linear infinite;
         animation:action2_26 1s linear infinite;
}

/*-----------蓝球--10---------------*/
.y_top_lq li:nth-of-type(10).on{
    position: absolute;
    top: 64px;
    left: 78px;
    z-index: 2;
    -webkit-animation:action1_27 1.2s linear 0.1s;
            -moz-animation:action1_27 1.2s linear 0.1s;
              -o-animation:action1_27 1.2s linear 0.1s;
         animation:action1_27 1.2s linear 0.1s;
}
.y_top_lq li:nth-of-type(10).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_27 1s linear infinite;
            -moz-animation:action2_27 1s linear infinite;
              -o-animation:action2_27 1s linear infinite;
         animation:action2_27 1s linear infinite;
}

/*-----------蓝球--11---------------*/
.y_top_lq li:nth-of-type(11).on{
    position: absolute;
    top: 64px;
    left: 104px;
    z-index: 2;
    -webkit-animation:action1_28 1.2s linear 0.1s;
            -moz-animation:action1_28 1.2s linear 0.1s;
              -o-animation:action1_28 1.2s linear 0.1s;
         animation:action1_28 1.2s linear 0.1s;
}
.y_top_lq li:nth-of-type(11).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_28 1s linear infinite;
            -moz-animation:action2_28 1s linear infinite;
              -o-animation:action2_28 1s linear infinite;
         animation:action2_28 1s linear infinite;
}

/*-----------蓝球--12---------------*/
.y_top_lq li:nth-of-type(12).on{
    position: absolute;
    top: 64px;
    left: 130px;
    z-index: 2;
    -webkit-animation:action1_29 1.2s linear 0.1s;
            -moz-animation:action1_29 1.2s linear 0.1s;
              -o-animation:action1_29 1.2s linear 0.1s;
         animation:action1_29 1.2s linear 0.1s;
}
.y_top_lq li:nth-of-type(12).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_29 1s linear infinite;
            -moz-animation:action2_29 1s linear infinite;
              -o-animation:action2_29 1s linear infinite;
         animation:action2_29 1s linear infinite;
}

/*-----------蓝球--13---------------*/
.y_top_lq li:nth-of-type(13).on{
    position: absolute;
    top: 64px;
    left: 156px;
    z-index: 2;
    -webkit-animation:action1_30 1.2s linear 0.1s;
            -moz-animation:action1_30 1.2s linear 0.1s;
              -o-animation:action1_30 1.2s linear 0.1s;
         animation:action1_30 1.2s linear 0.1s;
}
.y_top_lq li:nth-of-type(13).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_30 1s linear infinite;
            -moz-animation:action2_30 1s linear infinite;
              -o-animation:action2_30 1s linear infinite;
         animation:action2_30 1s linear infinite;
}

/*-----------蓝球--14---------------*/
.y_top_lq li:nth-of-type(14).on{
    position: absolute;
    top: 64px;
    left: 182px;
    z-index: 2;
    -webkit-animation:action1_31 1.2s linear 0.1s;
            -moz-animation:action1_31 1.2s linear 0.1s;
              -o-animation:action1_31 1.2s linear 0.1s;
         animation:action1_31 1.2s linear 0.1s;
}
.y_top_lq li:nth-of-type(14).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_31 1s linear infinite;
            -moz-animation:action2_31 1s linear infinite;
              -o-animation:action2_31 1s linear infinite;
         animation:action2_31 1s linear infinite;
}

/*-----------蓝球--15---------------*/
.y_top_lq li:nth-of-type(15).on{
    position: absolute;
    top: 64px;
    left: 208px;
    z-index: 2;
    -webkit-animation:action1_32 1.2s linear 0.1s;
            -moz-animation:action1_32 1.2s linear 0.1s;
              -o-animation:action1_32 1.2s linear 0.1s;
         animation:action1_32 1.2s linear 0.1s;
}
.y_top_lq li:nth-of-type(15).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_32 1s linear infinite;
            -moz-animation:action2_32 1s linear infinite;
              -o-animation:action2_32 1s linear infinite;
         animation:action2_32 1s linear infinite;
}

/*-----------蓝球--16---------------*/
.y_top_lq li:nth-of-type(16).on{
    position: absolute;
    top: 64px;
    left: 234px;
    z-index: 2;
    -webkit-animation:action1_33 1.2s linear 0.1s;
            -moz-animation:action1_33 1.2s linear 0.1s;
              -o-animation:action1_33 1.2s linear 0.1s;
         animation:action1_33 1.2s linear 0.1s;
}
.y_top_lq li:nth-of-type(16).tt{
    position: absolute;
    top: 355px;
    left: 110px;
    z-index: 2;
    width:36px;
    height:36px;
    -webkit-animation:action2_33 1s linear infinite;
            -moz-animation:action2_33 1s linear infinite;
              -o-animation:action2_33 1s linear infinite;
         animation:action2_33 1s linear infinite;
}


@media (min-width: 1281px) {

}
@media (max-width: 1400px) {
    .content{
        left:0;
    }
    .y_right{
        width: 270px;
        right: 5px;
    }
    .mnyj_bg{
        width: 100%;
    }
    .y_xhl {
        bottom: 55px;
        left: 50px;
    }
    .y_zdyj{
        width: 180px;
        height: 58px;
        line-height: 50px;
        right: 50px;
        top: 350px;
    }
    .y_sdyj{
        width: 180px;
        height: 58px;
        line-height: 50px;
        right: 50px;
        top: 420px;
    }
    .y_box li.hq{
        margin-bottom:3px;
    }
}