html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
	/* 限制根元素字体大小最大为50px */
	font-size: 10vw;
}

* {
	margin: 0;
	padding: 0
}

a {
	outline: none
}

a,
a:hover {
	text-decoration: none
}

html {
	zoom: 1;
	height: 100%
}

html * {
	outline: 0;
	zoom: 1
}

html button::-moz-focus-inner {
	border-color: transparent !important
}

body {
	overflow-x: hidden
}

blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
	margin: 0;
	padding: 0
}

a img,
fieldset {
	border: 0
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: 400
}

li {
	list-style: none
}

caption,
th {
	text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 400
}

q:after,
q:before {
	content: ""
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: none
}

em,
i {
	font-style: normal
}

img {
	max-width: 100%
}

button {
	outline: none;
	border: none
}

.clearfix:after,
.clearfix:before {
	content: "";
	display: table
}

.clearfix:after {
	clear: both
}

.ellipsis {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

#app,
.full {
	height: 100%;
	min-height: 100%;
	width: 100%;
	font-size: .37333rem;
	overflow: scroll
}

.van-search {
	padding: 0 !important
}

#app .van-tabs__nav--card .van-tab {
	color: #59bafc;
	line-height: .74667rem;
	border-right: .02667rem solid #59bafc
}

#app .van-tabs__nav--card .van-tab.van-tab--active {
	color: #fff;
	background-color: #59bafc
}

#app .van-tabs__nav--card {
	border: .02667rem solid #59bafc
}

#app .van-tabs__line {
	background-color: #59bafc
}

#app .van-image__error,
#app .van-image__img,
#app .van-image__loading {
	object-fit: contain;
	margin: 0 auto
}

.sub-money {
	color: green
}

.add-money {
	color: red
}

body {
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #f3f3f3;
	/* 添加最大宽度限制和居中 */
	max-width: 500px;
	margin: 0 auto;
	left: 0;
	right: 0;
}

.svg-icon {
	width: 1em;
	height: 1em;
	vertical-align: -.15em;
	fill: currentColor;
	overflow: hidden
}

.svg-external-icon {
	background-color: currentColor;
	-webkit-mask-size: cover !important;
	mask-size: cover !important;
	display: inline-block
}

#container {
	font-family: STHeiti, Microsoft YaHei, Helvetica, Arial, sans-serif;
	margin: 0 auto;
	background: #d6e5fa url(../img/bg.png) no-repeat top;
	background-size: cover;
	height: 100%;
	/* 确保容器也遵循最大宽度 */
	max-width: 500px;
}

img {
	vertical-align: top;
	width: 100%
}

#main {
	position: absolute;
	top: 49.6%;
	left: 0;
	margin: auto;
	right: 0;
	/* 确保主内容区域不超出容器 */
	max-width: 100%;
	box-sizing: border-box;
}

#main .img {
	margin: 0 auto 1.48rem;
	width: 7.82rem;
	max-width: 100%;
}

#main .linkUl {
	margin: 0 auto;
	width: 4.7rem;
	max-width: 90%;
}

#main .linkUl>li {
	margin-bottom: .23rem;
	position: relative;
	max-width: 100%;
}

#main .linkUl>li .txt {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 1.6rem;
	font-weight: 600;
	color: #21499c;
	font-size: .48rem;
	text-indent: .53333rem
}

#main .linkUl li .jsBox {
	width: 8rem;
	position: absolute;
	left: -.73rem;
	top: -5.65rem;
	z-index: 10;
	display: none;
	max-width: calc(100vw - 2rem);
}

#main .linkUl li .jsBox ul {
	padding: .4rem 0 .16rem;
	position: relative;
	border-radius: .1rem;
	border: .02667rem solid #a89467;
	background: rgba(0, 0, 0, .91)
}

#main .linkUl li .jsBox ul[data-v-21e3262b]:before {
	margin-left: -.22rem;
	width: .44rem;
	height: .3rem;
	position: absolute;
	left: 50%;
	bottom: -.3rem;
	background-size: 100% auto;
	content: ""
}

#main .jsBox .linkList li {
	margin-bottom: .21333rem;
	overflow: hidden;
	zoom: 1
}

#main .jsBox .linkList li span {
	display: block;
	float: left;
	color: #313131;
	font-size: .28rem;
	line-height: .55rem;
	background-color: #fff;
	box-sizing: border-box
}

#main .jsBox .linkList li .txt {
	margin-right: .1rem;
	width: 1.2rem;
	text-align: center
}

#main .jsBox .linkList li img {
	width: .45rem;
	margin: 0 .1rem 0 0;
	display: block;
	float: left
}

#main .jsBox .linkList li .url {
	margin-right: .12rem;
	padding: 0 .1rem;
	width: 3.3rem;
	background-color: #fff;
	text-align: center
}

#main .jsBox .linkList li a {
	display: block;
	float: left;
	width: 1.8rem;
	color: #000;
	font-size: .28rem;
	line-height: .55rem;
	text-align: center;
	border: .02667rem solid #110127;
	background-size: 100% 100%
}

#logo {
	position: absolute;
	top: 15%;
	left: 50%;
	transform: translateX(-50%);
	width: 4rem;
	max-width: 80%;
	z-index: 10;
	text-align: center;
}

#logo img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	border-radius: 0.6rem;
	box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.3);
}

/* 添加媒体查询，确保在小屏幕上也能正常显示 */
@media screen and (max-width: 500px) {
	body {
		width: 100%;
		max-width: 100%;
		margin: 0;
		left: 0;
		right: 0;
	}
}

/* 限制根元素字体大小最大为50px */
@media screen and (min-width: 500px) {
	html {
		font-size: 50px !important;
	}
}