a,
body,
button,
dd,
dl,
dt,
h1,
h2,
h3,
h4,
h5,
i,
img,
input,
li,
p,
select,
span,
strong,
textarea,
ul {
	margin: 0;
	padding: 0
}

b,
h1,
h2,
h3,
h4,
h5,
h6,
strong {
	font-weight: 400
}

table {
	border-spacing: 0
}

body {
	font-family: 'Arial, sans-serif';
	font-size: .26rem;
	line-height: 1;
	color: #333;
	-webkit-user-select: none;
	-webkit-text-size-adjust: 100% !important;
	text-size-adjust: 100% !important;
	-moz-text-size-adjust: 100% !important
}

::-webkit-scrollbar {
	width: 0;
	height: 0
}

* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

li {
	list-style-type: none;
	float: left
}

a {
	text-decoration: none;
	color: #333;
	outline: 0
}

img {
	border: none;
	vertical-align: middle;
	width: 100%;
}

em,
i,
var {
	font-style: normal
}

button {
	outline: 0;
	cursor: pointer;
	font-size: .26rem;
	border: none
}

iframe {
	border: none
}

input,
select,
textarea {
	outline: 0;
	font-size: .26rem;
	border-radius: 0;
	border: none;
	background: 0 0
}

input:disabled {
	opacity: 1;
	color: #333
}

button,
input[type=button],
input[type=date],
input[type=number],
input[type=password],
input[type=reset],
input[type=submit],
input[type=text],
textarea {
	-webkit-appearance: none;
	border: none;
	background: 0 0
}

textarea {
	resize: none
}

.ico {
	display: inline-block;
	vertical-align: middle
}

.fl {
	float: left
}

.fr {
	float: right
}

.clear {
	clear: both
}

.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix {
	zoom: 1
}

.hide {
	display: none !important
}

* {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

input {
	-webkit-user-select: auto
}

.mobile-wrap {
	position: relative;
	min-height: 100vh;
	width: 100%;
	background-color: #ab090c;
	background-image: url(../img/c0ade518a98f6afc049bd770992af7ca.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
    padding: 1.35rem 1.1rem 4rem 1.1rem;
}

body,
html {
	width: 100%;
	height: 100%
}

.p_a_1 {
	text-align: center;
    margin: 0.17rem;
}

.p_a_1 img {
	width: 2.05rem;
	margin: auto;
}

.p_a_3 {
	display: flex;
	gap: 0.2rem;
    margin: 0.3rem 0;
}

.p_a_3_1 {
	width: 1.2rem;
}

.p_a_3_2 {
	display: flex;
	flex-direction: column;
}

.p_a_3_2_1 {

	font-size: 0.52rem;
	font-weight: 600;
	line-height: 0.75rem;
}

.p_a_3_2_2 {
	font-size: 0.3rem;
	font-weight: 600;
	line-height: 0.4rem;
}

.p_a_2 {
	display: flex;
	width: 100%;
}

.p_a_2 img {
	flex: 1;
	width: 50%;
	padding: 0.1rem;
}


.mask {
	position: fixed;
	top: 30%;
	width: 100%;
}

.toast {
	background-color: #333333d9;
	color: #fff;
	text-align: center;
	border-radius: 0.1rem;
	padding: 0.3rem;
	width: 5rem;
	margin: auto;
}


@keyframes zoomInOut {
	0% {
		transform: scale(0.95);
	}

	50% {
		transform: scale(1.05);
	}

	100% {
		transform: scale(0.95);
	}
}

.zoom {
	animation: zoomInOut 2s ease-in-out infinite;
}

@keyframes zoomInOut1 {
	0% {
		transform: scale(0.95);
	}

	50% {
		transform: scale(1.15);
	}

	100% {
		transform: scale(0.95);
	}
}

.zoom15 {
	animation: zoomInOut1 1.5s ease-in-out infinite;
}

.zoom20 {
	animation: zoomInOut1 2s ease-in-out infinite;
}

.zoom25 {
	animation: zoomInOut1 2.5s ease-in-out infinite;
}

@keyframes shake {

	10%,
	90% {
		transform: translate3d(-1px, 0, 0);
	}

	20%,
	80% {
		transform: translate3d(+2px, 0, 0);
	}

	30%,
	70% {
		transform: translate3d(-4px, 0, 0);
	}

	40%,
	60% {
		transform: translate3d(+4px, 0, 0);
	}

	50% {
		transform: translate3d(-4px, 0, 0);
	}
}

.shake {
	animation: shake 2s infinite;

}
.heart_beat {
	animation: heart_beat 1s infinite linear;
}

@keyframes heart_beat {
	0% {
		transform: scale(.8)
	}

	50% {
		transform: scale(1.1)
	}

	100% {
		transform: scale(.8)
	}
}