*{margin:0;padding: 0;cursor: default;}
		#loading {
			border: 0.3px solid #eee;/*进度边框*/
			border-radius: 20px;
			width: 5%;
			height: 25px;
			transition: 1.8s;
			background: #1FA2FF;  /*兼容不支持该功能的浏览器*/
			background: -webkit-linear-gradient(to left, #A6FFCB, #12D8FA, #1FA2FF);  /* Chrome  Safari */
			background: linear-gradient(to left, #A6FFCB, #12D8FA, #1FA2FF); /* 高端浏览器*/
		}
	
		#load {
			border: 1px solid #eee;border-radius: 20px;margin: 0 20%;padding: 0;
			background: #5433FF;  /* fallback for old browsers */
			background: -webkit-linear-gradient(to left, #A5FECB, #20BDFF, #5433FF);  /* Chrome 10-25, Safari 5.1-6 */
			background: linear-gradient(to left, #A5FECB, #20BDFF, #5433FF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
		}
		
		body {
			background: #a8ff78;  /* fallback for old browsers */
			background: -webkit-linear-gradient(to right, #78ffd6, #a8ff78);  /* Chrome 10-25, Safari 5.1-6 */
			background: linear-gradient(to right, #78ffd6, #a8ff78); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
		}
		#picture {
			top: 0;left: 0;
			position: fixed;
			width: 100%;
			height: 100%;
			background-size: 100% 100%;
			background-repeat: no-repeat;
		}
		#picture { z-index: -1;}
		#loadPicture{ z-index: -1;}
		
		
		#text{
			color: #ffffff;
			bottom: 1.8%;
			position: absolute;
			overflow: hidden;
			z-index: 8;
		}
		/*对话框||模态框*/
		#msgbox{ border: 1px solid #eee;display: none;
			background: #000;
			z-index: 99;color: #fff;opacity: 0.8;
			position: fixed;transition: 1s;
			top: 9%;width: 68%;height: auto;
			margin-left: 16%;padding: 0;border-radius: 25px;}
			/*对话框标题 ;内容;按钮;↓*/
			#msgbox h3 { padding: 2% 5% 2% 5%;border-bottom: 1px solid #eee;}
			#msgbox div{ padding: 1% 4% 1% 4%;color : #fcfcfc;overflow: hidden;}
			#msgbox button{ margin: 3%;float: right;background: #000;border: 0.5px solid #fff;color: #fff;padding: 5px;}
		#toolBar{
			width: 100%;
			height: 30px;
			z-index: 16;
			position: fixed;top: 0;left: 0;
			background: #000;
			color: #fff;
			opacity: 0;
			display: flex;
			transition: 1s;
			justify-content: space-around;
		}
		#toolBar>span {padding: 2px 6%;text-align: center;}
		#toolBar>span:hover {transition:1s;background:#eee;}
		#toolBar>a {float: right;}
		#toolBar>*{
			top: 0;bottom: 0;margin: auto;
		}
		#music-choose {
			z-index: 16;color: #fff;
			position: fixed;top: -100%;width: 72%;height: 65%;padding:0;
			background-color: #000;opacity: 0.8;
			border: 0.5px solid #eee;border-radius: 3px;
			transition: 2s;
			overflow: auto;
			left: 0;right: 0;margin: auto;
		}/*选择音乐栏目*/
			#music-choose h4{ 
				margin: 6px auto;padding: 3px 5px 1px 5px;width: 67%;display: block;
				border-bottom: 0.5px solid #eee;position: fixed;
				background-color: rgb(0,0,0,0.85)
			}
			#music-choose .player{
				position: fixed;display: block;
				background-color: rgb(0,0,0,0.85);
				bottom: 0;left: 22%;
			}
			#music>div{margin: 5px 0;border-right: #eee;}
			#music-choose>div>div{ margin: 4px 0;padding: 1px 4px 1px 4px;transition: 0.8s;border-bottom: 0.5px solid #eee;}
			#music-choose>div>div:hover{ background: #fff;color: #000;}
			#music-choose button{
				border: 0.5px solid #eee;background: #000;width: 30px;height: 30px;
				float: right;color: #fff;
			}
	/*设置黑幕在加载过程中缓解加载时人的等待压力*/
	#blackBar{
		position: fixed;
		height: 100%;width: 100%;top: 0;left: 0; 
		background: #000;
		z-index: 1;
		opacity: 0.96;display: none;
	}
	#none{
		margin: 0;padding:0;
		height: 100%;width:100%;
		position: fixed;z-index: 6;
		top: 0;left: 0;
		display: none;
	}
	#loadPicture{
		position: fixed;
		left: -999px;top: 0;
	}
	
	#pageOn span{
		box-sizing: border-box;
		width: 36px;height: 36px;
		text-align: center;
		background-color: rgb(0,0,0,0.8);color: #eee;
		top: 0;bottom: 0;margin: auto;
		border-radius:100%;font-size: 25px;
		position: fixed;transition: 0.8s;
		z-index: 7;opacity: 0;
	}
	#pageOn{
		width: 100%;height:24%;position: fixed;top: 0;bottom: 0;margin: auto;z-index: 7;
	}
	#toLeft{
		left: 6%;
	}
	#toRight{
		right: 6%;
	}