
a { text-decoration: none; }
html, body, span, object, iframe, h1, h2, h3, h4, h5, p, blockquote, pre, a, address, code, del, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label { margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-family: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, audio, video { margin: 0px; padding: 0px; display: block; }
html { text-size-adjust: none; }
img { border: none; vertical-align: middle; }
input, select, button { padding: 0px; margin: 0px; outline: none; font-family: inherit; vertical-align: middle; }
textarea { font-family: inherit; padding: 0px; margin: 0px; }
button { cursor: pointer; }
html { overflow-x: hidden; }
body { font-size: 12px;font-family: -apple-system, BlinkMacSystemFont, "Microsoft YaHei", sans-serif; }
ul, ol { list-style-type: none; }
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3, h4 { font-size: 14px; }
h5 { font-size: 12px; }
i, em, address { font-style: normal; }
a { text-decoration: none; color: rgb(79, 79, 79); }
a:hover { transition: color 200ms linear 0s, background-color 200ms linear 0s, border-color 200ms linear 0s; }
a:active { }
a:visited { }
.liveBroadcast .btn_bg, .music, .moreGame ._yuan { animation: 4s linear 0s infinite normal none running rotate; }
.music { width: 36px; height: 36px; position: fixed; background: url("../images/music.png")/*tpa=http://www.xhw180.com:888/images/music.png*/ left top no-repeat; cursor: pointer; z-index: 19999; animation-play-state: paused; top: 84px; right: 74px; }
.music.ro { animation-play-state: running; }

        /*音乐*/
		.liveBroadcast .btn_bg,.music,.moreGame ._yuan{
			  -webkit-animation: rotate 4s linear infinite;
			  animation: rotate 4s linear infinite;
			}

			@-webkit-keyframes rotate {
			  0%,
			  100% {-webkit-transform: rotate(0deg);}
			  100% {-webkit-transform: rotate(360deg);}
			}
			@keyframes rotate {
			  0%,
			  100% {transform: rotate(0deg); }
			  100% {transform: rotate(360deg);}
			}

		.music{width:36px;height:36px;position:fixed;background:url("../images/music.png")/*tpa=http://www.xhw180.com:888/images/music.png*/ no-repeat left top;cursor:pointer;z-index:19999;animation-play-state:paused;top:84px;right:74px;}
        .music.ro{animation-play-state:running;}


	@keyframes press{
		50%{ transform:translateY(20px);}
	}
	
	@-webkit-keyframes press{
		50%{ -webkit-transform:translateY(20px);}
	}

	
	@keyframes piao1{
		from{
			background-position:0px bottom;
		}
		to{
			background-position:-1920px bottom;
		}
	}
	@keyframes piao3{
		from{
			background-position:-1920px bottom; 
		}
		to{
			background-position:0px bottom;
		}
	}
	
@keyframes yh1{
    0%{
        left:10%;
        top:360px;  
        transform:rotate(0deg) scale(0.2) translateZ(0);
    }
    80% {
        opacity: 1; 
    }
    100% {
        opacity: 0;
        left:50%;
        top:1600px;
        transform:rotate(3600deg); 
    }
}
@keyframes yh2{
    0%{
        left:4%;
        top:380px; 
        transform:rotate(0deg) scale(0.8) translateZ(0);
    }
    80% {
        opacity: 1
    }
    100% {
        opacity: 0;
        left:70%;
        top:1600px;
        transform:rotate(1800deg);
    }
}
@keyframes yh3{
    0%{
        left:4%;
        top:400px; 
        transform:rotate(0deg) scale(0.4) translateZ(0);
    }
    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        left:80%;
        top:1600px;
        transform:rotate(900deg);
    }
}
@keyframes yh4{
    0%{
        left:2%;
        top:340px; 
        transform:rotate(0deg) scale(0.6) translateZ(0);
    }
    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        left:86%;
        top:1800px;
        transform:rotate(900deg);
    }
}
@keyframes yh5{
     0% {
        top:320px;
        opacity: 1;
        left:-10%;
        transform:rotate(0deg) scale(0.6) translateZ(0);
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        left: 100%;
        top: 2000px;
        transform:rotate(360deg);
    }
}
@keyframes yh6{
    0%{
        left:100%;
        top:-20px;  
        transform:rotate(0deg) scale(0.2) translateZ(0);
    }
    80% {
        opacity: 1; 
    }
    100% {
        opacity: 0;
        left:0%;
        top:1600px;
        transform:rotate(3600deg); 
    }
}
@keyframes yh7{
    0%{
        left:100%;
        top:-30px; 
        transform:rotate(0deg) scale(0.8) translateZ(0);
    }
    80% {
        opacity: 1
    }
    100% {
        opacity: 0;
        left:60%;
        top:1600px;
        transform:rotate(800deg);
    }
}
@keyframes yh8{
    0%{
        left:90%;
        top:0px; 
        transform:rotate(0deg) scale(0.4) translateZ(0);
    }
    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        left:60%;
        top:1600px;
        transform:rotate(900deg);
    }
}
@keyframes yh9{
    0%{
        left:92%;
        top:0px; 
        transform:rotate(0deg) scale(0.6) translateZ(0);
    }
    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        left:6%;
        top:1800px;
        transform:rotate(900deg);
    }
}
@keyframes yh10{
     0% {
        top:-40px;
        opacity: 1;
        left:96%;
        transform:rotate(0deg) scale(0.6) translateZ(0);
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        left:20%;
        top: 2000px;
        transform:rotate(360deg);
    }
}

@-webkit-keyframes move {
    0% { -webkit-transform:translate3d(0,-10%,0); }
    100% { -webkit-transform:translate3d(0,10%,0);  }
}
@-webkit-keyframes moveleft{
    0%{  -webkit-transform: translate3d(0%,0,0);  }
    100%{  -webkit-transform:translate3d(-10%,0,0); }
}
@-webkit-keyframes moveright{
    0%{ -webkit-transform: translateX(10%);}
    100%{ -webkit-transform:translateX(0%);  }
}
@keyframes move {
    0% { transform:translate3d(0,-10%,0); }
    100% { transform:translate3d(0,10%,0);  }
}
@keyframes moveleft{
    0%{  transform: translate3d(0%,0,0);  }
    100%{  transform:translate3d(-10%,0,0); }
}
@keyframes moveright{
    0%{ transform: translateX(10%);}
    100%{ transform:translateX(0%);  }
}