/*@charset "utf-8";*/
.mus_section_yuan{     position: fixed;
    left: 30px;
    bottom: 30px;
    width: 70px;
    height: 70px;
    z-index: 999; }
.mus_section_yuan_pin{ position:absolute; left:21px; bottom:21px; width:35px; height:35px; /*text-align:center; */
animation: m_section_yuan_pin 10s;
-moz-animation: m_section_yuan_pin 10s;	/* Firefox */
-webkit-animation: m_section_yuan_pin 10s;	/* Safari 和 Chrome */
-o-animation: m_section_yuan_pin 10s;	/* Opera */
animation-iteration-count: infinite;
}
@keyframes m_section_yuan_pin{0% {  left:30px; bottom:30px; width:10px; height:10px; }50% {  left:0px; bottom:0px; width:60px; height:60px; }100% {  left:30px; bottom:30px; width:10px; height:10px; }}
@-moz-keyframes m_section_yuan_pin /* Firefox */{0% {  left:30px; bottom:30px; width:10px; height:10px; }50% {  left:0px; bottom:0px; width:60px; height:60px; }100% {  left:30px; bottom:30px; width:10px; height:10px; }}
@-webkit-keyframes m_section_yuan_pin /* Safari 和 Chrome */{0% {  left:30px; bottom:30px; width:10px; height:10px; }50% {  left:0px; bottom:0px; width:60px; height:60px; }100% {  left:30px; bottom:30px; width:10px; height:10px; }}
@-o-keyframes m_section_yuan_pin /* Opera */{0% {  left:30px; bottom:30px; width:10px; height:10px; }50% {  left:0px; bottom:0px; width:60px; height:60px; }100% {  left:30px; bottom:30px; width:10px; height:10px; }}
.mus_section_yuan_pin img{ max-width:100%; }
.mus_section_yuan_img img{ width:70px; }
.mus_section_yuan_img{ position:absolute; left:0px; top:0px;  -webkit-animation: jsx_rotate_right linear 12s infinite;}
@keyframes jsx_rotate_right { from { transform: rotate(-360deg) } to { transform: rotate(360deg); } }
@-moz-keyframes jsx_rotate_right { from { -moz-keyframes: rotate(360deg); } to { -moz-keyframes: rotate(-360deg); } } /* Firefox */
@-webkit-keyframes jsx_rotate_right { from { -webkit-transform: rotate(360deg); } to { -webkit-transform: rotate(-360deg); } } /* Safari and Chrome */
@-o-keyframes jsx_rotate_right { from { -o-keyframes: rotate(360deg); } to { -o-keyframes: rotate(-360deg); } } /* Opera */
.mus_section_yuan_fimg{ position:absolute; top:-30px; left:0px; height:120px; width:78px; -webkit-transition:all .8s linear;-moz-transition:all .8s linear;-o-transition:all .8s linear;transition:all .8s linear }
.mus_section_yuan_fimg img{ max-width:100%; max-height:100%; }
.mus_section_yuan:hover .mus_section_yuan_fimg{  top:-60px; left:0px; height:120px; width:128px; -webkit-transition:all .8s linear;-moz-transition:all .8s linear;-o-transition:all .8s linear;transition:all .8s linear }


#jsx_music{ display:block; position:static; }
#mus_service {
    position: absolute;
    top: 342px;
    left: 50%;
    margin-left: 570px;
	width:14px;
	height:8px;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	float: left;
	overflow:hidden;
	z-index: 99999;
}
#mus_service a {
	display:block;
	width:14px;
	height:8px;
	text-indent:-9999px;
	cursor:pointer;
	margin-bottom:1px
}
#mus_service a.mus_mscBtn {
	height:8px;
	background:url(../images/soundkg.gif) no-repeat
}
#mus_service a.mus_pause {
	background-position:0 bottom;-webkit-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1);
}
@media (max-width:999px) {
#mus_service {position:absolute;bottom:13px;left:auto; right:12px; margin-left:0px;width:14px;height:8px;}
#mus_service {
	position: fixed;
	bottom: 13px;
	left: auto;
	right: 12px;
	margin-left: 0px;
	width: 14px;
	height: 8px;
	top: auto;
}
.mus_section_yuan {
	position: fixed;
	left: 10px;
	bottom: 10px;
	width: 50px;
	height: 50px;
}
}

@media (max-width:749px) {

.mus_section_yuan{ position:fixed; left:10px; bottom:10px; width:50px; height:50px; }
.mus_section_yuan_pin{ position:absolute; left:21px; bottom:21px; width:25px; height:25px; /*text-align:center; */
animation: m_section_yuan_pin 10s;
-moz-animation: m_section_yuan_pin 10s;	/* Firefox */
-webkit-animation: m_section_yuan_pin 10s;	/* Safari 和 Chrome */
-o-animation: m_section_yuan_pin 10s;	/* Opera */
animation-iteration-count: infinite;
}
@keyframes m_section_yuan_pin{0% { left:20px; bottom:25px; width:10px; height:10px; }50% {  left:0px; bottom:0px; width:40px; height:40px; }100% {  left:20px; bottom:25px; width:10px; height:10px; }}
@-moz-keyframes m_section_yuan_pin /* Firefox */{0% { left:20px; bottom:25px; width:10px; height:10px; }50% {  left:0px; bottom:0px; width:40px; height:40px; }100% {  left:20px; bottom:25px; width:10px; height:10px; }}
@-webkit-keyframes m_section_yuan_pin /* Safari 和 Chrome */{0% { left:20px; bottom:25px; width:10px; height:10px; }50% {  left:0px; bottom:0px; width:40px; height:40px; }100% {  left:20px; bottom:25px; width:10px; height:10px; }}
@-o-keyframes m_section_yuan_pin /* Opera */{0% { left:20px; bottom:25px; width:10px; height:10px; }50% {  left:0px; bottom:0px; width:40px; height:40px; }100% {  left:20px; bottom:25px; width:10px; height:10px; }}
.mus_section_yuan_pin img{ max-width:100%; }
.mus_section_yuan_img img{ width:50px; }
.mus_section_yuan_img{ position:absolute; left:0px; top:0px;  -webkit-animation: jsx_rotate_right linear 12s infinite;}
@keyframes jsx_rotate_right { from { transform: rotate(-360deg) } to { transform: rotate(360deg); } }
@-moz-keyframes jsx_rotate_right { from { -moz-keyframes: rotate(360deg); } to { -moz-keyframes: rotate(-360deg); } } /* Firefox */
@-webkit-keyframes jsx_rotate_right { from { -webkit-transform: rotate(360deg); } to { -webkit-transform: rotate(-360deg); } } /* Safari and Chrome */
@-o-keyframes jsx_rotate_right { from { -o-keyframes: rotate(360deg); } to { -o-keyframes: rotate(-360deg); } } /* Opera */

}
