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: "microsoft yahei", Arial;
	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;
	max-width: 100%;
}

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

button {
	font-family: "microsoft yahei", Arial;
	outline: 0;
	cursor: pointer;
	font-size: .26rem;
	border: none
}

iframe {
	border: none
}

input,
select,
textarea {
	outline: 0;
	font-family: "microsoft yahei", Arial;
	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;
	background-color: #ffffff;
	border-radius: 4px;
	border: solid 1px #d4b66b;
}

.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
}

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

.mobile-wrap {
	position: relative;
	min-height: 100vh;
	width: 100%;
	float: left;
	text-align: center;
	background-image: url("../image/bg_mb.jpg");
	background-size: cover;
}

@media screen and (min-width: 750px) {
	.mobile-wrap {
		background-image: url("../image/bg_pc.jpg");
	}
}

.container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0;
	padding: 0.25rem 0.4rem;
}

.left .logo {
	display: block;
	padding: 0.15rem 1.67rem;
}

.right .logo {
	display: none;
}

.desc {
	padding: 0.15rem 0;
}

.desc img {
	width: 4.3rem;
}

.banner img {
	width: 5.4rem;
}

.banner {
	padding: 0.15rem 0.1rem;
}

.button_container {
	padding: 0.15rem 0;
}

.button_container .button {
	margin: 0.16rem 0;
}

.button_container .button .i {
	height: 1rem;
}

.friend {
	padding: 0.15rem 1.3rem;
	margin-right: -0.8rem;
	margin-bottom: 0.5rem;
}

.home {
	position: relative;
}

.box {
	display: none;
	width: 100%;
	position: absolute;
	top: 0.72rem;
}

.box .arrow img {
	width: 0.5rem;
	height: 0.25rem;
}

.lines {
	background-color: #fcf8f5;
	border-radius: 0.1rem;
	border: solid 2px #f1c651;
	padding: 0.2rem;
	margin-top: -2.5px;
}

.box .lines .dd {
	color: #000;
	font-weight: 600;
	line-height: 0.3rem;
	font-size: 0.22rem;
	margin-bottom: 0.1rem;
}

.box .lines .item img {
	padding: 0;
}

.lines .conts .list {
	display: flex;
	flex-direction: column;
}

.lines .conts .list .item {
	margin: 0.05rem 0;
	display: flex;
	flex-direction: row;
	height: 0.6rem;
	line-height: 0.6rem;
	font-size: 0.28rem;
	color: #000;
	gap: 0.08rem;
}

.lines .conts .list .item .fl {
	width: 0.9rem;
	background-color: #ffffff;
	border-radius: 0.1rem;
	border: solid 1px #d4b66b;
}

.lines .conts .list .item .left {
	width: 0.55rem;
}

.lines .conts .list .item .txts {
	flex: 1;
	background-color: #ffffff;
	border-radius: 0.1rem;
	border: solid 1px #d4b66b;
	text-align: center;
}

.lines .conts .list .item .btns {
	color: #bf9121;
	background-color: #ffffff;
	border-radius: 0.1rem;
	border: solid 1px #d4b66b;
	width: 1.7rem;
	font-weight: 600;
}

.lines .conts .list .item .btns.active {
	color: #fff;
	background-color: #bf9121;
	border-radius: 0.1rem;
	border: solid 1px #d4b66b;
}

.lines .conts .list .item .text .btns {
	width: 1.84rem;
	height: 0.55rem;
	background-color: #ffffff;
	border-radius: 4px;
	border: solid 1px #d4b66b;
}

.lines .conts .list .item .text .btns.active {
	background-color: #bf9121;
	border: solid 1px #d4b66b;
}

@keyframes bzoom {

	0%,
	100% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.bzoom {
	-webkit-animation: bzoom 2s infinite;
	animation: bzoom 2s infinite;
}

@media screen and (min-width: 750px) {
	.container {
		display: flex;
		flex-direction: row;
		justify-content: center;
		gap: 0;
		padding: 0.15rem 0;
		min-height: 100vh;
		align-items: center;
		max-width: 70%;
		margin: auto;
		padding: 0;
	}

	.left .logo {
		display: none;
	}

	.right .logo {
		display: block;
		padding: 0.15rem 0.9rem;
	}

	.desc {
		padding: 0.15rem 0;
	}


	.desc img {
		width: unset;
	}

	.banner img {
		width: unset;
	}

	.banner {
		padding: 0.15rem 0.1rem;
	}

	.button_container {
		padding: 0.15rem 0;
	}

	.button_container .button {
		margin: 0.06rem 0;
	}

	.button_container .button .i {
		padding: 0 0.4rem;
		height: unset;
		min-height: 0.65rem;
	}

	.box {
		top: 0.48rem;
	}

	.friend {
		padding: 0.15rem 1.3rem;
		margin-right: -0.8rem;
		margin-bottom: 0.5rem;
	}

	.box .lines .dd {
		line-height: 0.2rem;
		font-size: 0.15rem;
	}

	.lines .conts .list .item {
		margin: 0.05rem 0;
		display: flex;
		flex-direction: row;
		height: 0.38rem;
		line-height: 0.38rem;
		font-size: 0.15rem;
		color: #000;
		gap: 0.08rem;
	}

	.lines .conts .list .item .fl {
		width: 0.6rem;
	}

	.lines .conts .list .item .left {
		width: 0.3rem;
	}

	.lines .conts .list .item .btns {
		width: 1rem;
	}

	.box .arrow img {
		width: 0.35rem;
		height: 0.2rem;
		padding: 0 !important;
	}

	.lines {
		margin-top: -0.023rem;
	}
}