@charset "utf-8";


body.home::before {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	/* padding-bottom: 108px; */
	content: "";
	z-index: -1;
	-webkit-animation-fill-mode:both;
			animation-fill-mode:both;
	-webkit-animation-duration:3s;
			animation-duration:3s;
	-webkit-animation-name: bgsfade;
			animation-name: bgsfade;
}
body.home::after {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* padding-bottom: 108px; */
	content: "";
	z-index: -2;
	-webkit-animation-fill-mode:both;
			animation-fill-mode:both;
	-webkit-animation-duration:2s;
			animation-duration:2s;
	-webkit-animation-name: bgsfade;
			animation-name: bgsfade;
}

@-webkit-keyframes bgsfade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes bgsfade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

section > .mask {
	background: rgba(0,0,0,.4);
}

#gotop {
	position: fixed;
	border-radius: 50px;
	right: 20px;
	bottom: 30px;
	padding: 10px 16px;
	font-size: 22px;
	color: #666;
	cursor: pointer;
	z-index: 1000;
}