.g1{
	border-radius: 4px;
	padding: 2px 4px;
	box-shadow: 0 1px 10px -2px #69F0AE;
	background: #E91E63;
	font-size: 12px;
	color:#FFF;
        animation: g1 1.3s  ease-in  infinite ;
        /* 其它浏览器兼容性前缀 */
        -webkit-animation: g1 1.3s linear infinite;
        -moz-animation: g1 1.3s linear infinite;
        -ms-animation: g1 1.3s linear infinite;
        -o-animation: g1 1.3s linear infinite;
}
@keyframes g1 {
    0%{ box-shadow: 0 0 4px #EC407A}
    50%{ box-shadow: 0 0 40px #EC407A}
    100%{ box-shadow: 0 0 4px #EC407A}
}
/* 添加兼容性前缀 */
@-webkit-keyframes g1 {
  0%{ box-shadow: 0 0 4px #EC407A}
      50%{ box-shadow: 0 0 40px #EC407A}
      100%{ box-shadow: 0 0 4px #EC407A}
}
@-moz-keyframes g1 {
    0%{ box-shadow: 0 0 4px #EC407A}
        50%{ box-shadow: 0 0 40px #EC407A}
        100%{ box-shadow: 0 0 4px #EC407A}
}
@-ms-keyframes g1 {
    0%{ box-shadow: 0 0 4px #EC407A}
        50%{ box-shadow: 0 0 40px #EC407A}
        100%{ box-shadow: 0 0 4px #EC407A}
}

.gno{
	border-radius: 4px;
	padding: 2px 4px;
	box-shadow: 0 1px 10px -2px #69F0AE;
	background: #00E676;
	font-size: 12px;
	color:#FFF;
        animation: gno 1.3s  ease-in  infinite ;
        /* 其它浏览器兼容性前缀 */
        -webkit-animation: gno 1.3s linear infinite;
        -moz-animation: gno 1.3s linear infinite;
        -ms-animation: gno 1.3s linear infinite;
        -o-animation: gno 1.3s linear infinite;
}
@keyframes gno {
    0%{ box-shadow: 0 0 4px #00E676}
    50%{ box-shadow: 0 0 40px #00E676}
    100%{ box-shadow: 0 0 4px #00E676}
}
/* 添加兼容性前缀 */
@-webkit-keyframes gno {
  0%{ box-shadow: 0 0 4px #00E676}
      50%{ box-shadow: 0 0 40px #00E676}
      100%{ box-shadow: 0 0 4px #00E676}
}
@-moz-keyframes gno {
    0%{ box-shadow: 0 0 4px #00E676}
        50%{ box-shadow: 0 0 40px #00E676}
        100%{ box-shadow: 0 0 4px #00E676}
}
@-ms-keyframes gno {
    0%{ box-shadow: 0 0 4px #00E676}
        50%{ box-shadow: 0 0 40px #00E676}
        100%{ box-shadow: 0 0 4px #00E676}
}

.nan{
	color: #fff;
	background: #03A9F4;
	box-shadow: 0 1px 10px -2px #03A9F4;
        animation: nan 1.3s  ease-in  infinite ;
        /* 其它浏览器兼容性前缀 */
        -webkit-animation: nan 1.3s linear infinite;
        -moz-animation: nan 1.3s linear infinite;
        -ms-animation: nan 1.3s linear infinite;
        -o-animation: nan 1.3s linear infinite;
}
.nv{
	color: #fff;
	background: #EC407A;
	box-shadow: 0 1px 10px -2px #EC407A;
        animation: nv 1.3s  ease-in  infinite ;
        /* 其它浏览器兼容性前缀 */
        -webkit-animation: nv 1.3s linear infinite;
        -moz-animation: nv 1.3s linear infinite;
        -ms-animation: nv 1.3s linear infinite;
        -o-animation: nv 1.3s linear infinite;
}
.uid{
	border-radius: 4px;
	padding: 2px 4px;
	box-shadow: 0 1px 10px -2px #0091EA;
	background: #4FC3F7;
	font-size: 12px;
	color:#FFF;
        animation: uid 1.3s  ease-in  infinite ;
        /* 其它浏览器兼容性前缀 */
        -webkit-animation: uid 1.3s linear infinite;
        -moz-animation: uid 1.3s linear infinite;
        -ms-animation: uid 1.3s linear infinite;
        -o-animation: uid 1.3s linear infinite;
}
.group{ border-radius: 4px;padding: 2px 4px;box-shadow: 0 1px 10px -2px {$sty.2};background: {$sty.1};font-size: 12px; color:#FFF; animation: group 1.3s  ease-in  infinite ; -webkit-animation: group 1.3s linear infinite;-moz-animation: group 1.3s linear infinite; -ms-animation: group 1.3s linear infinite;-o-animation: group 1.3s linear infinite;}
@keyframes group {0%{ box-shadow: 0 0 4px {$sty.2}}  50%{ box-shadow: 0 0 40px {$sty.2}}  100%{ box-shadow: 0 0 4px {$sty.2}}  }
@-webkit-keyframes group {0%{ box-shadow: 0 0 4px {$sty.2}}  50%{ box-shadow: 0 0 40px {$sty.2}}100%{ box-shadow: 0 0 4px {$sty.2}}  }
@-moz-keyframes group {0%{ box-shadow: 0 0 4px {$sty.2}}  50%{ box-shadow: 0 0 40px {$sty.2}}  100%{ box-shadow: 0 0 4px {$sty.2}}  }
@-ms-keyframes group {0%{ box-shadow: 0 0 4px {$sty.2}}  50%{ box-shadow: 0 0 40px {$sty.2}}   100%{ box-shadow: 0 0 4px {$sty.2}}  }
.no{
	border-radius: 4px;
	padding: 2px 4px;
	box-shadow: 0 1px 10px -2px #757575;
	background: #424242;
	font-size: 12px;
	color:#FFF;
        animation: no 1.3s  ease-in  infinite ;
        /* 其它浏览器兼容性前缀 */
        -webkit-animation: no 1.3s linear infinite;
        -moz-animation: no 1.3s linear infinite;
        -ms-animation: no 1.3s linear infinite;
        -o-animation: no 1.3s linear infinite;
}
   @keyframes uid {
    0%{ box-shadow: 0 0 4px #4FC3F7}
    50%{ box-shadow: 0 0 40px #4FC3F7}
    100%{ box-shadow: 0 0 4px #4FC3F7}
}
/* 添加兼容性前缀 */
@-webkit-keyframes uid {
  0%{ box-shadow: 0 0 4px #4FC3F7}
      50%{ box-shadow: 0 0 40px #4FC3F7}
      100%{ box-shadow: 0 0 4px #4FC3F7}
}
@-moz-keyframes uid {
    0%{ box-shadow: 0 0 4px #4FC3F7}
        50%{ box-shadow: 0 0 40px #4FC3F7}
        100%{ box-shadow: 0 0 4px #4FC3F7}
}
@-ms-keyframes uid {
    0%{ box-shadow: 0 0 4px #4FC3F7}
        50%{ box-shadow: 0 0 40px #4FC3F7}
        100%{ box-shadow: 0 0 4px #4FC3F7}
        }

@keyframes nv {
    0%{ box-shadow: 0 0 4px #F06292}
    50%{ box-shadow: 0 0 40px #F06292}
    100%{ box-shadow: 0 0 4px #F06292}
}
/* 添加兼容性前缀 */
@-webkit-keyframes nv {
  0%{ box-shadow: 0 0 4px #F06292}
      50%{ box-shadow: 0 0 40px #F06292}
      100%{ box-shadow: 0 0 4px #F06292}
}
@-moz-keyframes nv {
    0%{ box-shadow: 0 0 4px #F06292}
        50%{ box-shadow: 0 0 40px #F06292}
        100%{ box-shadow: 0 0 4px #F06292}
}
@-ms-keyframes nv {
    0%{ box-shadow: 0 0 4px #F06292}
        50%{ box-shadow: 0 0 40px #F06292}
        100%{ box-shadow: 0 0 4px #F06292}
}
@-o-keyframes nv {
    0%{ box-shadow: 0 0 4px #F06292}
        50%{ box-shadow: 0 0 40px #F06292}
        100%{ box-shadow: 0 0 4px #F06292}
 }
@keyframes nan {
    0%{ box-shadow: 0 0 4px #42A5F5}
    50%{ box-shadow: 0 0 40px #42A5F5}
    100%{ box-shadow: 0 0 4px #42A5F5}
}
/* 添加兼容性前缀 */
@-webkit-keyframes nan {
  0%{ box-shadow: 0 0 4px #42A5F5}
      50%{ box-shadow: 0 0 40px #42A5F5}
      100%{ box-shadow: 0 0 4px #42A5F5}
}
@-moz-keyframes nan {
    0%{ box-shadow: 0 0 4px #42A5F5}
        50%{ box-shadow: 0 0 40px #42A5F5}
        100%{ box-shadow: 0 0 4px #42A5F5}
}
@-ms-keyframes nan {
    0%{ box-shadow: 0 0 4px #42A5F5}
        50%{ box-shadow: 0 0 40px #42A5F5}
        100%{ box-shadow: 0 0 4px #42A5F5}
}
@-o-keyframes nan {
    0%{ box-shadow: 0 0 4px #42A5F5}
        50%{ box-shadow: 0 0 40px #42A5F5}
        100%{ box-shadow: 0 0 4px #42A5F5}
 }



.bq{
	border-radius: 4px;
	padding: 2px 4px;
	box-shadow: 0 1px 10px -2px #69F0AE;
	background: #00E676;
	font-size: 12px;
	color:#FFF;
        animation: bq 1.3s  ease-in  infinite ;
        /* 其它浏览器兼容性前缀 */
        -webkit-animation: bq 1.3s linear infinite;
        -moz-animation: bq 1.3s linear infinite;
        -ms-animation: bq 1.3s linear infinite;
        -o-animation: bq 1.3s linear infinite;
}
@keyframes bq {
    0%{ box-shadow: 0 0 4px #00E676}
    50%{ box-shadow: 0 0 40px #00E676}
    100%{ box-shadow: 0 0 4px #00E676}
}
/* 添加兼容性前缀 */
@-webkit-keyframes bq {
  0%{ box-shadow: 0 0 4px #00E676}
      50%{ box-shadow: 0 0 40px #00E676}
      100%{ box-shadow: 0 0 4px #00E676}
}
@-moz-keyframes bq {
    0%{ box-shadow: 0 0 4px #00E676}
        50%{ box-shadow: 0 0 40px #00E676}
        100%{ box-shadow: 0 0 4px #00E676}
}
@-ms-keyframes bq {
    0%{ box-shadow: 0 0 4px #00E676}
        50%{ box-shadow: 0 0 40px #00E676}
        100%{ box-shadow: 0 0 4px #00E676}
}
.dh{
	border-radius: 4px;
	padding: 2px 4px;
	box-shadow: 0 1px 10px -2px #69F0AE;
	background: #00E676;
	font-size: 12px;
	color:#FFF;
        animation: dh 1.3s  ease-in  infinite ;
        /* 其它浏览器兼容性前缀 */
        -webkit-animation: dh 1.3s linear infinite;
        -moz-animation: dh 1.3s linear infinite;
        -ms-animation: dh 1.3s linear infinite;
        -o-animation: dh 1.3s linear infinite;
}
   @keyframes dh {
    0%{ box-shadow: 0 0 4px #00E676}
    50%{ box-shadow: 0 0 40px #00E676}
    100%{ box-shadow: 0 0 4px #00E676}
}
/* 添加兼容性前缀 */
@-webkit-keyframes dh {
  0%{ box-shadow: 0 0 4px #00E676}
      50%{ box-shadow: 0 0 40px #00E676}
      100%{ box-shadow: 0 0 4px #00E676}
}
@-moz-keyframes dh {
    0%{ box-shadow: 0 0 4px #00E676}
        50%{ box-shadow: 0 0 40px #00E676}
        100%{ box-shadow: 0 0 4px #00E676}
}
@-ms-keyframes dh {
    0%{ box-shadow: 0 0 4px #00E676}
        50%{ box-shadow: 0 0 40px #00E676}
        100%{ box-shadow: 0 0 4px #00E676}
        }
   @keyframes no {
    0%{ box-shadow: 0 0 4px #757575}
    50%{ box-shadow: 0 0 40px #757575}
    100%{ box-shadow: 0 0 4px #757575}
}
/* 添加兼容性前缀 */
@-webkit-keyframes no {
  0%{ box-shadow: 0 0 4px #757575}
      50%{ box-shadow: 0 0 40px #757575}
      100%{ box-shadow: 0 0 4px #757575}
}
@-moz-keyframes no {
    0%{ box-shadow: 0 0 4px #757575}
        50%{ box-shadow: 0 0 40px #757575}
        100%{ box-shadow: 0 0 4px #757575}
}
@-ms-keyframes no {
    0%{ box-shadow: 0 0 4px #757575}
        50%{ box-shadow: 0 0 40px #757575}
        100%{ box-shadow: 0 0 4px #757575}
}


.lou_1{
    animation: lou_1 1.3s  ease-in  infinite ;
    /* 其它浏览器兼容性前缀 */
    -webkit-animation: lou_1 1.3s linear infinite;
    -moz-animation: lou_1 1.3s linear infinite;
    -ms-animation: lou_1 1.3s linear infinite;
    -o-animation: lou_1 1.3s linear infinite;
}

@keyframes lou_1 {
    0%{ box-shadow: 0 0 4px #f44336}
    50%{ box-shadow: 0 0 40px #f44336}
    100%{ box-shadow: 0 0 4px #f44336}
}
/* 添加兼容性前缀 */
@-webkit-keyframes lou_1 {
    0%{ box-shadow: 0 0 4px #f44336}
    50%{ box-shadow: 0 0 40px #f44336}
    100%{ box-shadow: 0 0 4px #f44336}
}
@-moz-keyframes lou_1 {
    0%{ box-shadow: 0 0 4px #f44336}
    50%{ box-shadow: 0 0 40px #f44336}
    100%{ box-shadow: 0 0 4px #f44336}
}
@-ms-keyframes lou_1 {
    0%{ box-shadow: 0 0 4px #f44336}
    50%{ box-shadow: 0 0 40px #f44336}
    100%{ box-shadow: 0 0 4px #f44336}
}

.lou_2{
    animation: lou_2 1.3s  ease-in  infinite ;
    /* 其它浏览器兼容性前缀 */
    -webkit-animation: lou_2 1.3s linear infinite;
    -moz-animation: lou_2 1.3s linear infinite;
    -ms-animation: lou_2 1.3s linear infinite;
    -o-animation: lou_2 1.3s linear infinite;
}

@keyframes lou_2 {
    0%{ box-shadow: 0 0 4px #ffa71b}
    50%{ box-shadow: 0 0 40px #ffa71b}
    100%{ box-shadow: 0 0 4px #ffa71b}
}
/* 添加兼容性前缀 */
@-webkit-keyframes lou_2 {
    0%{ box-shadow: 0 0 4px #ffa71b}
    50%{ box-shadow: 0 0 40px #ffa71b}
    100%{ box-shadow: 0 0 4px #ffa71b}
}
@-moz-keyframes lou_2 {
    0%{ box-shadow: 0 0 4px #ffa71b}
    50%{ box-shadow: 0 0 40px #ffa71b}
    100%{ box-shadow: 0 0 4px #ffa71b}
}
@-ms-keyframes lou_2 {
    0%{ box-shadow: 0 0 4px #ffa71b}
    50%{ box-shadow: 0 0 40px #ffa71b}
    100%{ box-shadow: 0 0 4px #ffa71b}
}

.lou_3{
    animation: lou_3 1.3s  ease-in  infinite ;
    /* 其它浏览器兼容性前缀 */
    -webkit-animation: lou_3 1.3s linear infinite;
    -moz-animation: lou_3 1.3s linear infinite;
    -ms-animation: lou_3 1.3s linear infinite;
    -o-animation: lou_3 1.3s linear infinite;
}

@keyframes lou_3 {
    0%{ box-shadow: 0 0 4px var(--default)}
    50%{ box-shadow: 0 0 40px var(--default)}
    100%{ box-shadow: 0 0 4px var(--default)}
}
/* 添加兼容性前缀 */
@-webkit-keyframes lou_3 {
    0%{ box-shadow: 0 0 4px var(--default)}
    50%{ box-shadow: 0 0 40px var(--default)}
    100%{ box-shadow: 0 0 4px var(--default)}
}
@-moz-keyframes lou_3 {
    0%{ box-shadow: 0 0 4px var(--default)}
    50%{ box-shadow: 0 0 40px var(--default)}
    100%{ box-shadow: 0 0 4px var(--default)}
}
@-ms-keyframes lou_3 {
    0%{ box-shadow: 0 0 4px var(--default)}
    50%{ box-shadow: 0 0 40px var(--default)}
    100%{ box-shadow: 0 0 4px var(--default)}
}

.lou_x{
    animation: lou_x 1.3s  ease-in  infinite ;
    /* 其它浏览器兼容性前缀 */
    -webkit-animation: lou_x 1.3s linear infinite;
    -moz-animation: lou_x 1.3s linear infinite;
    -ms-animation: lou_x 1.3s linear infinite;
    -o-animation: lou_x 1.3s linear infinite;
}

@keyframes lou_x {
    0%{ box-shadow: 0 0 4px #607d88}
    50%{ box-shadow: 0 0 40px #607d88}
    100%{ box-shadow: 0 0 4px #607d88}
}
/* 添加兼容性前缀 */
@-webkit-keyframes lou_x {
    0%{ box-shadow: 0 0 4px #607d88}
    50%{ box-shadow: 0 0 40px #607d88}
    100%{ box-shadow: 0 0 4px #607d88}
}
@-moz-keyframes lou_x {
    0%{ box-shadow: 0 0 4px #607d88}
    50%{ box-shadow: 0 0 40px #607d88}
    100%{ box-shadow: 0 0 4px #607d88}
}
@-ms-keyframes lou_x {
    0%{ box-shadow: 0 0 4px #607d88}
    50%{ box-shadow: 0 0 40px #607d88}
    100%{ box-shadow: 0 0 4px #607d88}
}