* {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
	box-sizing: border-box;
}

body {
	min-height: 100vh;
	padding: 30px 0;
	background: linear-gradient(to right, #bb313e25, #bb313e25, #d7222925, #dd4a1625, #e4761525, #f5c50025, #f0e92725, #b1ce2425, #48a93525, #03944525, #157c4f25, #176a5825, #1b556325, #1d386f25, #1d386f25, #20277825, #52266325, #8a244b25);
}

.main {
	max-width: 350px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.item {
	flex: 1;
	width: 0;
	height: 480px;
	border-radius: 15px;
	position: relative;
	padding: 5px 30px;
}

.item img {
	height: 100px;
	width: 100px;
	padding: 10px;
	border: 0px solid rgba(255, 255, 255, 0.5);
	border-radius: 15px;
	display: block;
	margin: 0 auto;
}

.item h3 {
	color: #FFF;
	text-align: center;
	font-size: 24px;
	line-height: 45px;
	margin-top: 0px;
}

.item p {
	color: #FFF;
	line-height: 25px;
	font-size: 12px;
	margin-top: 10px;
}

.item .btns {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
}

.item .btns1 {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
}

.item a {
	text-decoration: none;
	display: block;
	width: 250px;
	line-height: 38px;
	text-align: center;
	border-radius: 100px;
	background: #FFF;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
}

.item a:hover {
	opacity: 0.8;
}

@media screen and (max-width: 730px) {
	body {
		padding: 20px;
	}

	.main {
		display: block;
	}

	.item {
		width: 100%;
		margin: 0 !important;
		margin-bottom: 15px !important;
		transform: scale(1) !important;
	}
}

.text-center {
	text-align: center;
	text-decoration: none；
}

.innyun {
	max-width: 350px;
	margin: 0 auto;
	background-color: #ffffff;
	border-radius: 20px;
	padding: 10px;
	margin-bottom: 20px;
}

.fanl {
	width: 100%;
	display: block;
	height: auto;
	border-radius: 10px;
	cursor: pointer;
}

@keyframes shake_button {
	0% {
		transform: translateX(3px) rotate(1deg)
	}

	2.5% {
		transform: translateX(-3px) rotate(-1deg)
	}

	5% {
		transform: translateX(3px) rotate(1deg)
	}

	7.5% {
		transform: translateX(-3px) rotate(-1deg)
	}

	10% {
		transform: translateX(2px) rotate(1deg)
	}

	12.5% {
		transform: translateX(-2px) rotate(-1deg)
	}

	15% {
		transform: translateX(2px) rotate(1deg)
	}

	17.5% {
		transform: translateX(-2px) rotate(-1deg)
	}

	20% {
		transform: translateX(1px) rotate(1deg)
	}

	22.5% {
		transform: translateX(-1px) rotate(-1deg)
	}

	25% {
		transform: translateX(0) rotate(0deg)
	}
}