@charset "utf-8";

/*sprite图片合并*/
.css_sprite01 { background-image:url(../img/css_sprite03.png)!important; background-repeat: no-repeat!important; background-size: cover;}

/**
 * 声音元件
 * -u-audio
 */
.u-audio { position: absolute; top: 0px; right: 0; width: 110px; height: 95px; z-index: 200; }
.u-audio p {margin: 0; padding: 0;}
.u-audio .res_audio { position: absolute; top: 0; left: 0; opacity: 0; height: 0; width: 0; }
.u-audio .btn_audio { width: 100%; padding-top: 29px; height: 44px; }
.u-audio .btn_audio strong,
.u-audio .btn_audio .audio_open { display: inline-block; height: 44px; line-height: 44px; vertical-align: middle;}
.u-audio .btn_audio strong { width: 57px; font-size: 24px; color: #fff; opacity: 1; }
.u-audio .btn_audio .audio_open { position: absolute; bottom: 0; left: 56px; width: 44px; }
.u-audio .btn_audio strong.z-hide { opacity: 0; }
.u-audio .btn_audio strong.z-move {
	-webkit-transition:opacity 0.5s;
  	   -moz-transition:opacity 0.5s;
	    -ms-transition:opacity 0.5s;
	     -o-transition:opacity 0.5s;
	        transition:opacity 0.5s;
}
.u-audio.z-low { z-index: 1; }

.u-audio.css_voice{
	right:8px;
}
.u-audio.css_voice .css_sprite01{
	background: url(../../image/mobile/sprite01.png) no-repeat!important;
	background-position: -60px 0!important;
	width: 60px!important;
	height: 61px!important;
}
.u-audio.css_voice.close .css_sprite01{
	background: url(../../image/mobile/sprite01.png) no-repeat!important;
	background-position: 0px 0!important;
}


/*音乐图标旋转*/
@-webkit-keyframes reverseRotataZ{
	0%{-webkit-transform: rotateZ(0deg);}
	100%{-webkit-transform: rotateZ(-360deg);}
}
.to_round{
	-webkit-animation: reverseRotataZ 1.2s linear infinite;
}