@charset "utf-8";
.playAnimation {
    /* 以下是动画设置 */
    animation: circleAnimation 5s linear infinite;
    -webkit-animation: circleAnimation 5s linear infinite;
}

@keyframes circleAnimation {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes circleAnimation {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}
.musicImgWH {
    border-radius: 50%;
    width: 9rem !important;
    height: 9rem;
    display: block;
}
.ad-record {
	margin-top:9px;
	background: url(../img/icon_record_new.png);
	background-size: 100% 100%;
	width:18px;
	height:18px;
	float:left;
}
/* 这里暂时先放到这里，待年后如果不行的话，直接放到页面之中 */
.ad-play {
  margin-top:7px;
  background: url(../img/icon_play_new.png) 0 0/100% 100%;
  width:22px;
  height:22px;
  /* width:.531401rem;
  height:.531401rem; */
  float:right;
  background-color:#0ec2a7;
  border-radius:50%
}
.ad-suspend {
  margin-top:7px;
  background: url(../img/icon_suspend_new.png) 0 0/100% 100%;
  width:22px;
  height:22px;
  /* width:.531401rem;
  height:.531401rem; */
  float:right;
  background-color:#0ec2a7;
  border-radius:50%
}
/* ----------------------------------------------------------- */
.ad-loading {
	margin-top:9px;
	background: url(../img/icon_suspend_loading@3x.png);
	background-size: 100% 100%;
	width:18px;
	height:18px;
	float:right;
}

.ad-fixdiv{
	width:100%;
	position: fixed !important;
	z-index: 999;
	top: 0px;
	left:0;
	background-color:rgb(255, 255, 255) !important;
	/* filter:alpha(opacity=95);
	-moz-opacity:0.95;
	opacity:0.95; */
}

.ad-audioshow{
	margin:0 16px;
	height:36px;height:auto;
	border-radius: 5px;
}
.ad-new{
	width:99.5%;
	border:1px solid #dcdcdc !important;
	margin: 0;
	border-radius: 0;
}

.ad-audiocolor{
	border:1px solid #0ec2a7;
	/* filter:alpha(opacity=95);
	-moz-opacity:0.95;
	opacity:0.95; */
}

.ad-audioinner{
	padding:0 .289855rem;
	font-size:14px;
	color:#0ec2a7;
	text-align: left;
	line-height:36px;
}
.ad-hide {
    display: none !important;
}
.ad-hidea {
    display: none;
}
.ad-actorshow{
	width:85%;
	max-width:85%;
	margin-left:6px;
	height:36px;
	min-height:36px;
	float:left;
}
.ad-scrolldiv{
	width:100%;
	max-width:100%;
	min-width:100%;
	height:36px;
	margin-left:2px;
	white-space: nowrap;
	overflow:hidden;
}
.ad-indexshow{
	width:100%;
	height:36px;
	margin:0;
	white-space: nowrap;
	overflow:hidden;
}
.ad-scrollbegin{
	display:inline;
}
.ad-scrollend{
	display:inline
}

.ad-minheight{
	min-height:36px;
	height:36px;
	max-height:36px;
}