footer {  margin-top:200px;position: relative;z-index:6; padding:0% 0 0; background-position: center center; background: var(--yx_Color) url('/template/default/images/footer_bg.png') no-repeat center top; }

.qrcode { margin-bottom: 10px; width: 120px; height: 120px;}
.copyright { padding: 10px 0; background: #2c2c2c;}
.copyright a { color: inherit; display: inline-block;}
.wavesBox{position: absolute;top: auto;left: 0;z-index: 10;bottom: 100%;right: auto;width: 100%;padding-top: 0px;margin-top: 0px;}
.waves { position: relative; width: 100%; height: 15vh; margin-bottom: -7px; min-height: 50px; max-height: 150px;}
.yx_wave { position: relative; height: 20vh; text-align: center; background-color: white;}
.parallax > use {animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;}
.parallax > use:nth-child(1) {	animation-delay: -2s;	animation-duration: 7s;}
.parallax > use:nth-child(2) {	animation-delay: -3s;	animation-duration: 10s;}
.parallax > use:nth-child(3) {	animation-delay: -4s;animation-duration: 13s;}
.parallax > use:nth-child(4) {animation-delay: -5s;animation-duration: 20s;}
@keyframes move-forever {
  0% {
	transform: translate3d(-90px,0,0);
}
100% {
	transform: translate3d(85px,0,0);
}
}