.FlxPlayer span,p{
	font-family:'微软雅黑';
}

.FlxPlayer{
	z-index: 999999999;
	position:fixed;
	left:-290px;
	bottom:92px;
	width:310px;
	transition:left 0.5s,bottom 0.5s;
	-webkit-user-select: none;
    -ms-user-select: none;
	-moz-user-select: none;
	box-shadow: 0 0px 6px 0 rgba(0,0,0,.2);
	overflow: hidden;
}

.FlxPlayer .FlxPlayerContent{
	position: relative;
	overflow:hidden;
	z-index: 999;
	width:290px;
	height:130px;
	background-color:#fff;
	overflow: hidden;
}

.FlxPlayer .FlxPlayerReturn{
	position: absolute;;
	z-index:998;
	top:0px;
	left: 290px;
	width:20px;
	height:130px;
	background:#f1f1f1;
	line-height:130px;
	text-align:center;
	transition: color 0.3s;
}

.FlxPlayer .FlxPlayerReturn:hover{
	color:#1E90FF;
}

.FlxPlayer .FlxPlayerReturn i{
	transition: 0.5s;
}

.FlxPlayer .FlxPlayerImage{
	position:relative;
	top:0px;
	left:0px;
	width:100px;
	height:100px;
	/* border-radius:50%; */
	background-color: cornsilk;
	background-image:url(../Default.jpg);
	background-size:100px 100px;
	background-repeat: no-repeat;
	/* animation:xz 10s infinite;
	animation-timing-function:linear; */
	/* border: solid 2px #fff; */
}

.FlxPlayer .FlxPlayerTool{
	position:relative;
	top:0px;
	width:290px;
	height:30px;
	background:rgba(255,255,255,1);
	text-align:center;
}

.FlxPlayer .FlxPlayerTool i{
	width:40px;
	height:30px;
	font-size:14px;
	line-height:30px;
	text-align:center;
	transition: color 0.3s;
}

.FlxPlayer .FlxPlayerTool i:hover{
	color:#1E90FF;
}

/* .FlxPlayer .FlxPlayerTool i.fa-bars{
	width:50px;
	height:30px;
	font-size:14px;
	line-height:30px;
	text-align:center;
	transition: color 0.5s;
	position: absolute;
	right:0;
} */

.FlxPlayer .FlxPlayerInfo{
	font-family:'微软雅黑';
	color:#24292e;
	font-size:9px;
}

#Fminfo-1{
	font-weight:700;
	position:absolute;
	display:inline-block;
	top:15px;
	left:110px;
	width:180px;
	height:20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#Fminfo-2{
	font-weight:700;
	position:absolute;
	display:inline-block;
	top:35px;
	left:110px;
	width:180px;
	height:20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#Fminfo-3{
	font-weight:700;
	position:absolute;
	display:inline-block;
	top:40px;
	left:110px;
}

#Fminfo-4{
	font-weight:700;
	position:absolute;
	display:inline-block;
	top:65px;
	left:110px;
}

@keyframes xz{
	0% {
		transform: rotate(0deg);
	}
		
	100%{
		transform: rotate(360deg);
	}
}

.FlxPlayer .FlxPlayerJDT{
	position:absolute;
	bottom:30px;
	width:290px;
	height:5px;
	background:rgba(255,255,255,1);
}

.FlxPlayer .FlxPlayerJDT .t{
	position:absolute;
	left:0px;
	top:0px;
	width:290px;
	height:5px;
	background:#1E90FF;
}

.FlxPlayer .FlxPlayerJDT .circular{
	position:absolute;
	left:0px;
	top:-2px;
	width:10px;
	height:10px;
	border-radius: 100%;
	background:rgba(255,255,255,255);
	box-shadow:0 0 2px 2px rgba(0,0,0,.2);
	cursor: pointer;
}

.FlxPlayerList{
	position: relative;
	overflow:hidden;
	z-index:1000;
	width:310px;
	height:0px;
	background:rgba(255,255,255,1);
	transition:height 0.5s;
	border-top:solid 1px #e9e9e9;
}

.FlxPlayerListTitle{
	width:310px;
	height:35px;
	font-size: 14px;
	font-weight:700;
	color:#24292e;
	line-height:35px;
	padding-left:5px;
	border-bottom:solid 1px #e9e9e9;
}

.FlxPlayerListContent{
	width:310px;
	height:230px;
	overflow-y:auto;
}

.FlxPlayerListContent ul{
	width:auto;
	height:auto;
	list-style:none;
	margin:0;
	padding:0;
}

.FlxPlayerListContent ul li{
	width:310px;
	height:30px;
	color:#24292e;
	line-height:30px;
	font-size:12px;
	border-top:solid 1px #e9e9e9;
	cursor:pointer;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.FlxPlayerListContent ul li:hover{
	color:#fff;
	background:#1E90FF;
}

.FlxPlayerListContent ul li.playing{
	color:#fff;
	background:#1E90FF;
}

.FlxPlayerListContent ul li.playing span{
	color:#fff;
}

.FlxPlayerListContent ul li:first-child{
	border-top:0;
}

.FlxPlayerListContent ul span{
	color:#666;
	margin: 0 10px;
}

.FlxPlayerListContent::-webkit-scrollbar{
	 width: 4px;
	 height: 4px;
} 

.FlxPlayerListContent::-webkit-scrollbar-thumb{
	background: rgba(0,0,0,0.2); 
} 

.FlxPlayerListContent::-webkit-scrollbar-track {
	 background: rgba(0,0,0,0.1);
}

.lyric{
	width:100%;
	height:30px;
	background-color:rgba(0,0,0,.6);
	position:fixed;
	left:0;
	bottom:0;
	overflow:hidden;
	text-align:center;
	transition:height 0.3s;
}

.lyric ul{
	margin:0;
	padding:0;
	list-style:none;
	transition:transform 0.5s,margin-top 0.8s;
}

.lyric ul li{
	height:30px;
	color:#fff;
	line-height:30px;
	font-size:14px;
	transition:font-size 0.5s;
	font-weight:700;
}

.lyric ul li.on{
	color:#1E90FF;
	font-size:18px;
	font-weight:700;
}

.lyric:hover,.lyric.on{
	height:90px;
}

.lyric:hover ul,.lyric.on ul{
	margin-top:30px;
}

.lyric.off{
	height:0px;
}

.FlxPlayerTips{
	max-width:300px;
	height:35px;
	background-color:#fff;
	color:#24292e;
	padding:0 10px;
	line-height:35px;
	position:fixed;
	top:70px;
	left:0px;
	font-size:14px;
	/* font-weight:700; */
	transition:0.5s;
	transform:translateX(-100%);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.FlxPlayerTips.show{
	transform:translateX(0);
}