增加音乐,摇一摇,服务等页面

static/music/music.css

@@ -0,0 +1,91 @@
+.page-fixed{
+		position: fixed;
+		width: 100%;
+		height: 100%;
+		left: 0;
+		top: 0;
+	}
+.btn-active {
+	&:active {
+		opacity: 0.8;
+	}
+}
+.flex-v-center{
+	display: flex;
+	align-items: center;
+}
+.flex-h-center{
+	display: flex;
+	justify-items: center;
+	justify-content:center;
+}
+.flex-v-h-center{
+	display: flex;
+	justify-items: center;
+	align-items: center;
+	justify-content:center;
+}
+.flex-v{
+	flex-direction: column;
+}
+.flex{
+	display: flex;
+}
+.flex-space-between {
+	display: flex;
+	align-items: center; 
+	justify-content: space-between;
+	flex-wrap: wrap;
+}
+.flex-flex-end{
+	display: flex;
+	align-items: center; 
+	justify-content: flex-end;
+	flex-wrap: wrap;
+}
+[class*="text-line-"]{
+   display: -webkit-box;
+   -webkit-box-orient: vertical;
+   overflow: hidden;
+}
+.text-line-1{
+	-webkit-line-clamp: 1;
+}
+.text-line-2{
+	-webkit-line-clamp: 2;
+}
+.text-line-3{
+	-webkit-line-clamp: 3;
+}
+.text-line-4{
+	-webkit-line-clamp: 4;
+}
+.text-line-5{
+	-webkit-line-clamp: 5;
+}
+ @keyframes textScrollRun {
+	 0% {
+			left: 0;
+			transform: translate(0, 0);
+		}
+		100% {
+			left: 100%;
+			transform: translate(-100%, 0);
+		}
+}
+
+.text-scroll-content{
+	white-space: nowrap;
+	
+	 display: inline-block;
+}
+.text-scroll-run{
+	
+	animation: textScrollRun 15s infinite alternate linear;
+}
+
+.text-scroll{
+	width: 100%;
+	white-space: nowrap;
+	overflow: hidden;
+}