@charset "utf-8";
/* CSS Document */
body {
	background-color: #000;
	color: #FFF;
	font-family: 微软雅黑;
	font-size: 28px;
	font-weight: bold;
	margin: 0;
}
a {
	color: #FFF;
	text-decoration: none;
}
.top-inner {
	width: 100%;
}
.title {
	float: right;
	padding-left: 10px;
	padding-right: 10px;
}
.product1 {
	float: left;
	width: 50%;
    animation: fall 0.6s ease-in-out forwards; /* 应用动画，持续2秒，缓动效果，结束后停留在最后一帧 */
}
.product2 {
	float: left;
	width: 50%;
    animation: fall 0.9s ease-in-out forwards; /* 应用动画，持续2秒，缓动效果，结束后停留在最后一帧 */
}
.product3 {
	float: left;
	width: 50%;
    animation: fall 1.2s ease-in-out forwards; /* 应用动画，持续2秒，缓动效果，结束后停留在最后一帧 */
}
.product4 {
	float: left;
	width: 50%;
    animation: fall 1.5s ease-in-out forwards; /* 应用动画，持续2秒，缓动效果，结束后停留在最后一帧 */
}
.product-img {
	width: 100%;
}
.wxqrcode {
	position: fixed;
	z-index: 99;
	top: 50px;
	right: 105px;
	width: 15rem;
	max-width: none;
	height: 15rem;
	transform: scale(0);
	transform-origin: center;
	opacity: 0;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	border-radius: 5%;
}
.wx:hover + .wxqrcode {
	transform: scale(1);
	opacity: 1;
}
.dyqrcode {
	position: fixed;
	z-index: 99;
	top: 50px;
	right: 55px;
	width: 15rem;
	max-width: none;
	height: 15rem;
	transform: scale(0);
	transform-origin: center;
	opacity: 0;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	border-radius: 5%;
}
.dy:hover + .dyqrcode {
	transform: scale(1);
	opacity: 1;
}
.blqrcode {
	position: fixed;
	z-index: 99;
	top: 50px;
	right: 15px;
	width: 15rem;
	max-width: none;
	height: 15rem;
	transform: scale(0);
	transform-origin: center;
	opacity: 0;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	border-radius: 5%;
}
.bl:hover + .blqrcode {
	transform: scale(1);
	opacity: 1;
}

@keyframes fall {
  0% {
    transform: translateY(-6%); /* 从顶部开始 */
    opacity: 0; /* 初始透明度为0 */
  }
  100% {
    transform: translateY(0); /* 移动到原位置 */
    opacity: 1; /* 完全不透明 */
  }
}