@media screen and (min-width:1000px) {

	#getTime {
		width: 100%;
		height: 50px;
		padding-top: 10px;
		margin-bottom: 0;
		text-align: center;
		font-weight: bold;
	}

	h1 {
		text-align: left;
		position: relative;
		top: 0px;
		z-index: 9;
	}

	h4 {
		text-align: left;
	}

	ul {
		list-style-type: none;
	}

	div {
		text-align: left;
	}

	a:hover {
		color: gold;
	}

	img {
		width: 30px;
	}

	body {
		height: auto;
		/* background-color: #FBFBFB; */
		position: relative;
		margin: 0;
		width: 100%;
		height: 100vh;
		background-color: #000;
		/* background-image: radial-gradient(circle at top right, rgba(121, 68, 154, 0.13), transparent); */
		/* overflow: hidden */
	}

	canvas {
		position: fixed;
		width: 100%;
		height: 100%;
	}


	#aaa {
		width: 70%;
		height: auto;
		margin: 0 auto;
		background-color: rgba(255, 255, 255, 0.6);
		position: relative;
		border-radius:100px 100px 0 0 ;
		top: 50px;
		z-index: 1;
	}

	.fa {
		font-size: 30px;
		position: relative;
		top: 3px;
		margin-right: 2px;
	}



	.fanhui {
		position: fixed;
		width: 100px;
		height: 30px;
		right: 5%;
		top: 100px;
		font-size: 20px;
		z-index: 10;
		font-family: "楷体";
	}

	.fanhui li {

		line-height: 45px;
	}

	.fanhui li a {
		color: #FFF;
		text-decoration: none;
		display: block;
		width: 100px;
		height: 30px;
		line-height: 30px;
		float: left;
		/* background-color: #FFD700; */
		text-align: center;
		margin-left: 16px;
		margin-top: 15px;
		color: #ffffff;
		border-radius: 19px;
		transition: all 0.5s ease;
	}

	.fanhui li a:hover {
		color: #000000;
		background-color: #FFF;
		box-shadow: 0 8px 20px rgb(255 179 108 / 30%);

	}


	#tooltool li {
		margin-bottom: 2px;
		font-size: 17px;

	}

	/* .fanhui li:nth-child(1) {
				position: fixed;
				right: 20px;
				top: 200px;
			}
			.fanhui li:nth-child(2) {
				position: fixed;
				right: 20px;
				bottom: 200px;
			}
			

			.fanhui li:nth-child(3) {
				position: fixed;
				right: 20px;
				bottom: 300px;
			}
			.fanhui li:nth-child(4) {
				position: fixed;
				right: 20px;
				bottom: 400px;
			}
			.fanhui li:nth-child(5) {
				position: fixed;
				right: 20px;
				bottom: 500px;
			} */



	#dibu {
		width: 100%;
		height: 100px;
		/* background-color: #B5B4B6; */
		background-color: rgba(255, 255, 255, 0.6);
		text-align: center;
		position: absolute;
		bottom: -100px;
	}

	#dibu a {
		text-decoration: none;
		color: #000000;
		margin: 0 auto;
		text-align: center;
		width: 210px;
		height: auto;
		display: block;
		position: relative;
		bottom: -55px;
		font-size: 14px;
	}

	/* #dibu a span:nth-child(1) {
	margin: 0 auto;
	text-align: center;
	width: 210px;
	height: auto;
	display: block;
	position: relative;
	bottom: -55px;
	font-size: 14px;
	
}
#dibu a span:nth-child(2) {
	margin: 0 auto;
	text-align: center;
	width: 210px;
	height: auto;
	display: block;
	position: relative;
	bottom: -55px;
	font-size: 14px;
	
} */
	#dibu a span img {
		width: 20px;
		position: relative;
		top: 5px;
		margin-right: 5px;
	}

	.nbsp {
		width: 100px;
		height: 80px;
	}

	/* li{
				display: inline-block;
			} */

	li:hover {
		/* font-size: 16px; */
		color: #aa00ff;
		font-weight: 900;
		font-weight: bold;

	}

	.class_p {
		color: blue;
	}

	.class_p:hover {
		color: #FA8035;
	}

	/* .title{
				background-color: #AFAFAF;
				position: fixed;
				top: 0px;
				
			} */
	.title a {
		text-decoration: none;
	}

	.music a {
		text-decoration: none;
		font-size: 20px;
	}

	#home {
		width: 100%;
		height: 50px;
		/* background-color: aqua; */
		position: relative;
		z-index: 10;
	}

	#home a {
		text-decoration: none;
		display: block;
		width: 100px;
		height: 30px;
		line-height: 30px;
		float: left;
		/* background-color: #FFD700; */
		text-align: center;
		margin-left: 16px;
		margin-top: 15px;
		color: #000;
		border-radius: 19px;
		transition: all 0.2s ease;

	}
	#home a:nth-child(5){
		text-decoration: none;
		display: block;
		width: 100px;
		height: 30px;
		line-height: 30px;
		float: right;
		/* background-color: #FFD700; */
		text-align: center;
		margin-left: 16px;
		margin-top: 15px;
		color: #000;
		border-radius: 19px;
		transition: all 0.2s ease;
	}
	#home a:nth-child(6){
		text-decoration: none;
		display: block;
		width: 100px;
		height: 30px;
		line-height: 30px;
		float: right;
		/* background-color: #FFD700; */
		text-align: center;
		margin-left: 16px;
		margin-top: 15px;
		color: #000;
		border-radius: 19px;
		transition: all 0.2s ease;
	}

	#home a:hover {
		color: #ffa49a;
		background-color: #FFF;
		box-shadow: 0 8px 20px rgb(255 179 108 / 30%);

	}

	li {
		margin: 8px 0;
	}

	a {
		color: #0000FF;
		text-decoration: none;
	}
}



















@media screen and (max-width:1000px) {
	#getTime {
		width: 100%;
		height: 40px;
		padding-top: 20px;
		margin-bottom: 0;
		text-align: center;
		font-weight: bold;
	}
	#home {
		width: 100%;
		height: 170px;
		/* background-color: aqua; */
		position: relative;
		margin-top: 20px;
		z-index: 10;
	}
	
	#home a {
		text-decoration: none;
		display: block;
		margin-top: 30px;
		width: 100%;
		height: 30px;
		line-height: 30px;
		/* background-color: #FFD700; */
		text-align: center;
		margin: 0 auto;
		color: #000;
		border-radius: 19px;
		transition: all 0.2s ease;
	
	}
	#app > div > div > div > div:nth-child(3){
		margin-top: 100px;
	}
	
	#home a:hover {
		color: #ffa49a;
		background-color: #FFF;
		box-shadow: 0 8px 20px rgb(255 179 108 / 30%);
	
	}

	h4 {
		text-align: left;
	}

	ul {
		list-style-type: none;
		margin: 0;
	}
	ul li{
		font-size: 16px;
		margin-bottom: 20px;
		
	}

	div {
		text-align: left;
	}

	a:hover {
		color: gold;
	}
/* 
	img {
		width: 30px;
	} */

	body {
		height: auto;
		/* background-color: #FBFBFB; */
		position: relative;
		margin: 0;
		width: 510px;
		height: 100vh;
		background-color: #000;
		/* background-image: radial-gradient(circle at top right, rgba(121, 68, 154, 0.13), transparent); */
		/* overflow: hidden */
	}

	canvas {
		position: fixed;
		width: 100%;
		height: 100%;
	}


	#aaa {
		width: 75%;
		height: auto;
		margin: 0 auto;
		background-color: rgba(255, 255, 255, 0.7);
		position: relative;
		top: 0px;
		z-index: 1;
	}

	.fa {
		font-size: 20px;
	}



	.fanhui {
		position: fixed;
		width: 100px;
		height: 30px;
		right: 4%;
		top: 200px;
		font-size: 20px;
		z-index: 10;
		font-family: "楷体";
	}

	.fanhui li {

		line-height: 45px;
	}

	.fanhui li a {
		color: #FFF;
		text-decoration: none;
		display: block;
		width: 100px;
		height: 30px;
		line-height: 30px;
		float: left;
		/* background-color: #FFD700; */
		text-align: center;
		margin-left: 16px;
		margin-top: 15px;
		color: #ffffff;
		border-radius: 19px;
		transition: all 0.5s ease;
	}

	.fanhui li a:hover {
		color: #000000;
		background-color: #FFF;
		box-shadow: 0 8px 20px rgb(255 179 108 / 30%);

	}


	#tooltool li {
		margin-bottom: 20px;
		font-size: 16px;

	}

	/* .fanhui li:nth-child(1) {
				position: fixed;
				right: 20px;
				top: 200px;
			}
			.fanhui li:nth-child(2) {
				position: fixed;
				right: 20px;
				bottom: 200px;
			}
			

			.fanhui li:nth-child(3) {
				position: fixed;
				right: 20px;
				bottom: 300px;
			}
			.fanhui li:nth-child(4) {
				position: fixed;
				right: 20px;
				bottom: 400px;
			}
			.fanhui li:nth-child(5) {
				position: fixed;
				right: 20px;
				bottom: 500px;
			} */



	#dibu {
		width: 100%;
		height: 100px;
		/* background-color: #B5B4B6; */
		background-color: rgba(255, 255, 255, 0.7);
		text-align: center;
		position: absolute;
		bottom: -100px;
	}

	#dibu a {
		text-decoration: none;
		color: #000000;
		margin: 0 auto;
		text-align: center;
		width: 210px;
		height: auto;
		display: block;
		position: relative;
		bottom: -55px;
		font-size: 14px;
	}

	/* #dibu a span:nth-child(1) {
	margin: 0 auto;
	text-align: center;
	width: 210px;
	height: auto;
	display: block;
	position: relative;
	bottom: -55px;
	font-size: 14px;
	
}
#dibu a span:nth-child(2) {
	margin: 0 auto;
	text-align: center;
	width: 210px;
	height: auto;
	display: block;
	position: relative;
	bottom: -55px;
	font-size: 14px;
	
} */
	#dibu a span img {
		width: 20px;
		position: relative;
		top: 5px;
		margin-right: 5px;
	}

	.nbsp {
		width: 100px;
		height: 80px;
	}

	/* li{
				display: inline-block;
			} */

	li:hover {
		/* font-size: 16px; */
		color: #aa00ff;
		font-weight: 900;
		font-weight: bold;

	}

	.class_p {
		color: blue;
	}

	.class_p:hover {
		color: #FA8035;
	}

	/* .title{
				background-color: #AFAFAF;
				position: fixed;
				top: 0px;
				
			} */
	.title a {
		text-decoration: none;
	}

	.music a {
		text-decoration: none;
		font-size: 20px;
	}

	

	li {
		margin: 4px 0;
	}

	a {
		color: #0000FF;
		text-decoration: none;
		
	}
}