/* .banner {
  padding: 60px 80px;
} */
.crad {
	display: flex;
	justify-content: space-between;
	border-radius: 0.77rem;
	padding: 1.2rem 0 1.2rem 2.9rem;
	background: linear-gradient(113deg, rgba(180, 190, 255, 0.38) 1%, rgba(47, 234, 255, 0.38) 98%);
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.left {
	margin-right: 0.54rem;
}

.btn-group {
	position: absolute;
	left: 19.33%;
	top: 55%;
}

.btn {
	position: relative;
	cursor: pointer;
	width: 2rem;
	height: 0.4rem;
	font-size: 0.2rem;
	color: #333333;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.56rem;
	border-image: linear-gradient(90deg, #ffc9f7 0%, #98f3ff 100%) 2;
	box-shadow: 0px 0.05rem 0.06rem 0px rgba(0, 0, 0, 0.15);
}

.btn:hover .code {
	display: block;
	width: 2rem;
	height: 2rem;
	left: 50%;
	top: calc(100% + 20px);
	transform: translateX(-50%);
}

.btn .code {
	position: absolute;
	z-index: 999;
	display: none;
	box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.5);
}

.android .icon,
.iphone .icon {
	margin-right: 0.2rem;
	width: 0.25rem;
}

.android {
	margin-bottom: 0.3rem;
}

.banner {
	width: 100%;
}

footer {
	/* display: flex;
  justify-content: center;
  align-items: center; */
	text-align: center;
	font-size: 0.08rem;
	/* height: 1rem; */
	color: #999;
	padding: 0.1rem 0.3rem;
	line-height: 0.15rem;
}

.tag {
	cursor: pointer;
	color: #999;
}

.tag:hover {
	text-decoration: underline;
}

.bottom {
	width: 50%;
	margin: 0.1rem auto;
	position: relative;
	font-size: 0.08rem;
}

@media screen and (max-width: 768px) {
	.bottom {
		font-size: 0.05rem;
	}
}

.bottom img {
	width: 100%;
	position: absolute;
	left: 0;
}

.bottom-1 {
	position: absolute;
	left: 0.3rem;
}

.bottom-2 {
	position: absolute;
	left: 1.1rem;
}

.bottom-3 {
	position: absolute;
	left: 1.95rem;
}

.bottom-4 {
	position: absolute;
	left: 2.9rem;
}

.bottom a {
	cursor: pointer;
	color: #999;
}

.bottom a:hover {
	color: red;
}