*{
	margin: 0;
	padding: 0;
}
.loading_div{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 99;
	background-color: #000;
	background-image: url(../images/loading_bg.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.center{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(90deg);
	-webkit-transform: translate(-50%,-50%) rotate(90deg);
}
.center_H{
	transform: translate(-50%,-50%) rotate(0deg) !important;
	-webkit-transform: translate(-50%,-50%) rotate(0deg) !important;
}
.loading_num{
	width: 0.65rem;
    text-align: center;
    font-size: 0.3rem;
    color: #FFFFFF;
    font-family: "Futura-Book-2";
    position: absolute;
    top: 24%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: absolute;
    left: -0.1rem;
}
.loading_div canvas{
	width: 3rem;
	margin: 0 auto 0.3rem;
	display: block;
}
.music_box{
	width: 0.67rem;
	height: 0.64rem;
	position: fixed;
	z-index: 60;
	right: 0.3rem;
	bottom: 0.4rem;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
.music_S{
	right: 0.3rem;
	top: 0.4rem;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}
.music_box img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
/* .music_on{
	
} */


.music_on .music_1{
	display: block !important;
	animation: 1s rotate_ani infinite linear;
	-webkit-animation: 1s rotate_ani infinite linear;
}
.music_off .music_2{
	display: block !important;
}
@keyframes rotate_ani{
	from{transform: rotate(0deg);}
	to{transform: rotate(360deg);}
}
@-webkit-keyframes rotate_ani{
	from{-webkit-transform: rotate(0deg);}
	to{-webkit-transform: rotate(360deg);}
}

.share_div{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	background-color: #000;
	display: none;
}
.share_content{
	width: 4rem;
	height: 9.57rem;
	position: absolute;
	top: 0.25rem;
	right: 0.76rem;
}
.share_content2{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #000000;
	z-index: 10;
}
.share_content img{
	width: 100%;
}
.actived .share_content2{
	height: 0%;
	/* transition: all 1.5s;
	-webkit-transition: all 1.5s; */
	animation: 2s bo_ani infinite;
	-webkit-animation: 2s bo_ani infinite;
}
@keyframes bo_ani{
	0%{
		height: 100%;
	}
	75%{
		height: 0%;
	}
	100%{
		height: 0%;
	}
}
@-webkit-keyframes bo_ani{
	0%{
		height: 100%;
	}
	75%{
		height: 0%;
	}
	100%{
		height: 0%;
	}
}


.loading_content{
	width: 7.97rem;
	height: 0.7rem;
	position: relative;
}
.loading_content img{
	width: 7.97rem;
	display: block;
}
.loading_pro{
	width: 51%;
	height: 100%;
	overflow: hidden;
	animation: 2s bo_ani2 infinite;
	-webkit-animation: 2s bo_ani2 infinite;
}
@keyframes bo_ani2{
	0%{
		width: 51%;
	}
	75%{
		width: 100%;
	}
	100%{
		width: 100%;
	}
}
@-webkit-keyframes bo_ani2{
	0%{
		width: 51%;
	}
	75%{
		width: 100%;
	}
	100%{
		width: 100%;
	}
}