/* start 动画 */
	/* 进度条 */
	@-webkit-keyframes progress-animation {
		0% {
			background-position: 100%;
		}
		100% {
			background-position: 0;
		}
	}
	
	@keyframes progress-animation {
		0% {
			background-position: 100%;
		}
		100% {
			background-position: 0;
		}
	}
	
	/* 上下浮动 动画 */
	@keyframes bounce-down {
		25% {
			transform: translateY(-15px);
		}
		50%, 100% {
			transform: translateY(0);
		}
		75% {
			transform: translateY(15px);
		}
	}

/* end 动画 */

/* css-公用的-start */
	*{
		margin: 0;
		padding: 0;
		font-family:'Adobe 黑体 Std';
	}
	
	li {
		list-style: none;
	}
	
	a{
		text-decoration:none
	}
	
	img{
		vertical-align: bottom;
	}
	
	.wrapper{
		overflow: hidden;
	}
	
	.w {
		width: 72.917%;
		margin: 0 auto;
	}
	
	/* 文本字体-标题 */
	.title p{
		font-family: "SourceHanSerifSC-Heavy";
	}
	
	/* 文本字体-副标题 */
	.sub-title p{
		font-family: "SourceHanSansCN-Light";
	}
	
/* css-公用的-end */

/* 滚动条-公用的-start */
	.scroll-bar{
		overflow: auto;
	}
	
	.scroll-bar::-webkit-scrollbar {
		display: none;
	}
	
/* 滚动条-公用的-end */

/* 字体-公用的-start */
	@font-face {
		font-family: "SourceHanSansCN-Light";
		src: url('fonts/SourceHanSansCN-Light.otf') format('opentype');
	}

	@font-face {
		font-family: "SourceHanSerifSC-Heavy";
		src: url('fonts/SourceHanSerifSC-Heavy.otf') format('opentype');
	}
	
	@font-face {
		font-family: "SourceHanSansCN-Bold";
		src: url('fonts/SourceHanSansCN-Bold.otf') format('opentype');
	}
	
	@font-face {
		font-family: "SourceHanSansCN-Regular";
		src: url('fonts/SourceHanSansCN-Regular.otf') format('opentype');
	}
	
	@font-face {
		font-family: "SourceHanSansCN-Normal";
		src: url('fonts/SourceHanSansCN-Normal.otf') format('opentype');
	}
	
/* 字体-公用的-end */

/* 预加载动画-公用的-start */
	.preload-wrapper{
		display: none;
		align-items: center;
		justify-content: center;
		background-color: rgba(0, 0, 0, 1);
		position: fixed;
		top: 0;
		right: 0%;
		bottom: 0%;
		left: 0;
		z-index: 9999;
	}
	
	.preload-wrapper.display{
		display: flex;
	}

	.preload-wrapper .loader-wrapper{
		width: 100%;
		height: 6px;
		max-width: 500px;
		border-radius: 3px;
		background: #e1e4e8;
	}
	
	.preload-wrapper .loader-wrapper .loader{
		width: 0%;
		height: 100%;
		min-width: 0%;
		display: block;
		position: relative;
		border-radius: 3px;
		background-size: 300% 100%;
		animation: progress-animation 2s linear infinite;
		-webkit-animation: progress-animation 2s linear infinite;
		background: linear-gradient(90deg, #ffd33d, #ea4aaa 17%, #b34bff 34%, #01feff 51%, #ffd33d 68%, #ea4aaa 85%, #b34bff);
		background: -webkit-gradient(linear, left top, right top, from(#ffd33d), color-stop(17%, #ea4aaa), color-stop(34%, #b34bff), color-stop(51%, #01feff), color-stop(68%, #ffd33d), color-stop(85%, #ea4aaa), to(#b34bff));
	}
	
	.preload-wrapper .loader-wrapper .loader .number{
		font-size: 26px;
		line-height: 40px;
		background:  linear-gradient(90deg, #ffd33d, #ea4aaa 17%, #b34bff 34%, #01feff 51%, #ffd33d 68%, #ea4aaa 85%, #b34bff);;
		-webkit-text-fill-color: transparent;
		-webkit-background-clip: text;
		position: absolute;
		top: -40px;
		right: 0%;
	}
	
	.preload-wrapper .loader-wrapper .loader .number:after{
		content: '%';
		font-size: 14px;
	}
	
	/* 预加载动画-关闭 */
	.preload-wrapper.close{
		display: none;
	}
/* 预加载动画-公用的-end */