* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

html {
	width: 100%;
	height: 100%;
	
	background-image: url("../images/6.jpg");
	background-size: 150% 150%;
}

body {
	width: 100%;
	height: 100%;
	
	background: -webkit-linear-gradient(top,#403E3E,#7E7D7D);
	opacity: 0.9;

	font-family: "微软雅黑";
	font-size: 14px;
	color: #ADA9A9;
}

.logo {
	position: absolute;
	left: 30px;
	top: 10px;

	font-size: 20px;

	cursor: pointer;
}

.logo:hover {
	color: #E4E2E2;
}

.wrap {
	position: relative;
	top: 100px;

	width: 60%;
	height: 70%;

	margin: 0 auto;
}

.container {
	width: 100%;
	height: 100%;

	padding: 0;
}

.music-content {
	height: 70%;
}

.music-list {
	height: 100%;

	padding: 0;
	overflow-x: hidden;
	overflow-y: auto;
}

td.musicName {
	width: 40%;
}

td.musician {
	width: 20%;
}

td.album {
	width: 40%;
}

.table>tbody>tr>td {
	text-overflow: ellipsis;
	white-space: nowrap;

	border-top-color: #777777;
}

.table tr:hover  {
	background-color: #8A8888;
	color: #FFFFFF;

	cursor: pointer;
}

.tr-hover {
	background-color: #8A8888;
	color: #FFFFFF;
}

::-webkit-scrollbar {
	width: 5px;
} /* 这是针对缺省样式 (必须的) */

::-webkit-scrollbar-track {
		  background-color: #363636;
} /* 滚动条的滑轨背景颜色 */

::-webkit-scrollbar-thumb {
	background-color: #777474;
	border-radius: 2.5px;
} /* 滑块颜色 */

.photo {
	width: 185px;
	height: 185px;

	margin: 0 auto;
}

.photo img {
	width: 100%;
}

.music-cover p {
	display: block;
	width: 100%;
	
	text-align: center;

	margin-top: 5px;
}

.music-cover a {
	color: #ADA9A9;
}

.music-cover a:hover {
	color: #DED9D9;
}

.music-control {
	height: 30%;

	padding-top: 10%;
}

.progress {
	position: relative;
	height: 5px;

	padding: 0;
	background-color: #898888;

	overflow: visible;
}

.progress-bar {
	background-color: #D8D5D5;
}

.progress-btn {
	position: relative;
	top: -3px;

	width: 10px;
	height: 10px;

	border-radius: 5px;

	background-color: #D8D5D5;
}

.progress-name {
	position: absolute;
	top: -25px;
}

.progress-time {
	position: absolute;
	top: -25px;
	right: 0;
}

.btns {
	height: 20px;
	margin-top: -5px;
}

.btns div {
	display: inline-block;
	float: left;

	margin-right: 30px;
}

.play {
	position: relative;
	top: -10px;
}

.play span {
	font-size: 30px;

	margin-right: 20px;
}

.glyphicon:hover {
	color: #D0CDCD;
}
