/*音乐缩略图*/
.audio-pan{
	background: radial-gradient(ellipse at top, rgb(67, 76, 100), rgb(48, 49, 51)), radial-gradient(ellipse at bottom, rgb(89, 69, 89), rgb(107, 139, 174));
	height: 200px;
}
.audio-pan .play-icon{position: relative;top: 0;padding: 10px 50px;z-index: 2}
.audio-pan .play-zhen{position: absolute;top: 20px;right: 24px;width: auto !important;height: 100px;z-index: 2;transform:rotate(-9deg);transition: all .6s ease-in-out;transform-origin: right top;}
.audio-pan .play-dot{position: absolute;top: 15px;right: 17px;width: 20px !important;height: 20px;z-index: 3;}
.audio-pan .play-pan{position: absolute;top: 0;padding: 10px 50px;}
@-webkit-keyframes z {
	from {
		-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	}
	to {
		-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
		-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
		-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
	}
}

/*视频缩略图*/
 .post-grid .video-play{ display: flex;width: 100%;height: 100%;margin: 0 auto;background: #000;position: absolute;overflow: hidden;border-top-left-radius: 6px;border-top-right-radius: 6px;}
.cao-new {display: block;border-radius: 4px;font-size: 13px;height: 25px;left: 10px;line-height: 25px;position: absolute;text-align: center;top: 10px;width: 40px;background-color: #f73859;color:#ffffff;}

/*音乐内页*/
.audio-wrapper {background-color: #FFF;color: #3e3e3e;display: flex;flex-direction: column;justify-content: center;padding: 20px;margin-bottom: 20px;}
.audio-left{display: flex;justify-content: center;align-items: center;}
.cover-bg{
    margin:0 auto;width: 200px;height: 200px;background:url(../video/pan.png) no-repeat;
    display: flex;justify-content: center;align-items: center;
    background-size: auto 100%;background-repeat: no-repeat;
    background-position: center center;background-color: #000;
    border-radius: 50%;
    -webkit-animation: z 5s linear 0s infinite;
    -moz-animation: z 5s linear 0s infinite;
    -ms-animation: z 5s linear 0s infinite;
    animation: z 5s linear 0s infinite;
    }
.audio-left img {width: 200px !important;margin:0 !important; height: 200px;display: initial;cursor: pointer;position: absolute;z-index: 3;}
.audio-right {width: 100%;margin:20px;}
.audio-right h1{font-size: 1.5em;font-weight: 500;letter-spacing: 0.5px;margin-bottom: 30px;color: #555;text-overflow: ellipsis;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 2;}
.poster-footer{margin-bottom: 36px;font-size: 14px;}
.poster-footer a{margin-right: 24px;color:#eee;}
.audio-info{display: flex;}
.progress-bar-bg {background-color: #d9d9d9;position: relative;height:36px;cursor: pointer;}
.progress-bar {background:linear-gradient(45deg,#b18f6a,#fdd1a1);;width: 0;height: 100%;}
.progress-yinfu{position: absolute;left: -1px;top:-1px;z-index: 3;width: 101%;height: 100%;/*background: url(../video/audio-s-b.svg) repeat-x;*/}
.progress-bar-bg span {content: " ";width: 2px;height: 100%;background:linear-gradient(45deg,#b18f6a,#fdd1a1);;position: absolute;cursor: pointer;}
.audio-time {overflow: hidden;margin-top: 4px;color: #eee;}
.audio-length-total {float: right;font-size: 14px;}
.audio-length-current {float: left;font-size: 14px;color: #555;}
/*音乐*/