.yx_flexJC {
    -webkit-box-pack:left;
    -ms-flex-pack:left;
    -webkit-justify-content:left;
	justify-content: left;
}
.yx_flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	-moz-flex-wrap:nowrap;
	flex-wrap: nowrap;
	justify-content: center;
}
@keyframes fa_span01_ani {
  0% {
	width: 6px;
}
100% {
	width: 48px;
}
}
@keyframes fa_span02_ani {
  0% {
	width: 48px;
}
100% {
	width: 6px;
}
}
.yx_InLine p span {
	display: inline-block;
	margin: 0 6px 0 0;
	height: 6px;
	border-radius: 6px;
	margin-top: 0px;
}
.yx_InLine p span:nth-child(1) {
	width: 6px;
	background: var(--hmsecond);
	animation: fa_span01_ani 1.2s linear infinite alternate;
}
.yx_InLine p span:nth-child(2) {
	width: var(--yx_FS48);
	background: var(--hmsecond);
	animation: fa_span02_ani 1.2s linear infinite alternate;
}
@keyframes fa_span01_ani {
  0% {
	width: 6px;
}
100% {
	width: 60px;
}
}
@keyframes fa_span02_ani {
  0% {
	width: 48px;
}
100% {
	width: 6px;
}
}
.yx_InLine p span {
	display: inline-block;
	margin: 0 6px 0 0;
	height: 6px;
	border-radius: 6px;
	margin-top: 0px;
}
.yx_InLine p span:nth-child(1) {
	width: 6px;
	background: var(--c);
	animation: fa_span01_ani 1.2s linear infinite alternate;
}
.yx_InLine p span:nth-child(2) {
	width: 48px;
	background: var(--n);
	animation: fa_span02_ani 1.2s linear infinite alternate;
}


body {
	opacity: 0;
	transition: padding-top 1s;
	overflow-x: hidden;
}
body.cn-show {
	opacity: 1;
}
body.cn-make {
	opacity: 1;
}
body.cn-show .wd-scroll-animation:not(.wd-no-scroll-animation).wd-scrolled {
	animation: fadeInUp 0.8s both;
}
.wd-scroll-animation:not(.wd-no-scroll-animation) {
	opacity: 0;
}
.cn-make .wd-scroll-animation {
	opacity: 1;
}