html {
	line-height: 1.15;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}

html,
body,
div,
span,
h1,
h2,
p,
img,
a,
i,
ul,
li,
label,
button,
table,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	vertical-align: middle;
	list-style: none;
	box-sizing: border-box;
}

a {
	background-color: transparent;
}

b,
strong {
	font-weight: bolder;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	/* 1 */
	font-size: 100%;
	/* 1 */
	line-height: 1.15;
	/* 1 */
	margin: 0;
	/* 2 */
}

button,
input {
	/* 1 */
	overflow: visible;
}

button,
select {
	/* 1 */
	text-transform: none;
}


a {
	text-decoration: none;
}

.full {
	width: 100%;
}

.flex {
	display: flex;
	align-items: center;
}

html,
body {
	background: #3bac66;
	max-width: 750px;
	margin: 0 auto;
	font-size: 50px;
}

body {
	background-size: 22px 16px;
	background: #067831;
	min-height: 100vh;
}

.header {
	width: 7.5rem;
	height: 1rem;
	background: #0c5e2b;
/* 	position: fixed;
	top: 0; */
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 999;
}

.header .logo {
	width: 3.3rem;
	height: auto;
}

.header .logo img {
	width: 100%;
}


.swiper-banner {
	position: relative;
	overflow: hidden;
}

.swiper-container {
	position: relative;
	width: 100%;
	height: 100%;
}

.swiper-slide {
	position: relative;
	text-align: center;
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-slide img {
	width: 100%;
}

.swiper-banner .swiper-pagination-bullet {
	background: #a8a0a0;
	opacity: 1;
}

.swiper-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #fcc419;
}

.list-info {
	position: absolute;
	top: 2%;
	right: 2%;
	z-index: 11;
	font-size: .22rem;
	color: #fff;
	background: url("../img/j.png") 0 0 no-repeat;
	background-size: 100% 100%;
	width: 2.5rem;
	height: 96%;
}

.list-info p {
	text-align: center;
	height: .4rem;
	line-height: .35rem;
	font-size: 0;
}

.list-ul {
	max-height: 69%;
	margin-bottom: 1%;
	overflow: hidden;
}

.list-info ul {
	height: 100%;
	overflow-y: auto;
	animation: rowup 108s linear infinite;
}

.list-info ul::-webkit-scrollbar {
	width: 0;
}

.list-info ul li {
	display: flex;
	justify-content: space-between;
	padding: 0.036rem .2rem;
	color: #787878;
}

.list-info ul li b {
	color: #feb705;
	font-weight: normal;
}

.list-info a {
	display: block;
	font-size: .26rem;
	color: #fffe8d;
	padding-left: .25rem;
}

.list-info>img {
	position: absolute;
	bottom: 0.1rem;
	right: 0.2rem;
	z-index: 3;
	width: 0.5rem;
}

.main-content {
	width: 92%;
	margin: 0 auto;
}

.notice {
	display: flex;
	align-items: center;
	font-size: .26rem;
	line-height: .5rem;
	color: #fff;
	background: #067831;
	height: .58rem;
	padding: 0 .2rem;
	width: 100%;
	margin-bottom: .2rem;
	padding: 0 .3rem;
	border-bottom: solid 1px #3bac66;
	border-top: solid 1px #3bac66;
}

.notice .gg {
	width: 0.38rem;
	margin-right: .2rem;
	height: .28rem;
}
.notice .gg img{
	width: 100%;
}

.marquee-wrap {
	width: 100%;
	/* 宽度 100% */
	overflow: hidden;
	/* 隐藏超出部分 */
	white-space: nowrap;
	/* 防止内容换行 */
	box-sizing: border-box;
	height: 100%;
}

.marquee-wrap p {
	display: inline-block;
	padding-left: 100%;
	/* 使内容从屏幕右侧开始 */
	animation: marquee-scroll 20s linear infinite;
	/* 使用动画滚动 */

}

@keyframes marquee-scroll {
	from {
		transform: translateX(0);
		/* 从右侧开始 */
	}

	to {
		transform: translateX(-100%);
		/* 移动到左侧 */
	}
}

.net-wrapper {
	/* margin-bottom: .4rem; */
}

.net-wrapper ul li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #0c913f;
	padding: .1rem;
	font-size: .28rem;
	color: #fff;
	border-radius: 10px;
	margin-bottom: .2rem;
}

span.linkspan {
	background-color: #067831;
	padding: .1rem;
	border-radius: .1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.net-wrapper .img1 {
	width: .31rem;
	margin-right: .05rem;

}

.net-wrapper span.jogo {
	color: #067831;
	font-weight: bold;
	background-color: #fee001;
	padding: 0 .3rem;
	border-radius: .1rem;
}

.net-wrapper .button {
	width: 1.28rem;
	margin-left: 0.4rem;
}

.net-wrapper li div p {
	font-size: .28rem;
	color: #fee001;
	text-align: center;
	margin-left: .7rem;
}

p.ttt {
	color: #c4ffd9;
	font-size: .28rem;
	text-align: center;
	margin: .3rem auto;
}

.btnimg {
	width: 96%;
	margin: .1rem auto;
	text-align: center;
}

.btnimg img {
	width: 100%;
}

.foottxt {
	color: #87d1a2;
	text-align: center;
	font-size: .24rem;
	padding-bottom: .4rem;
}

.text_vpn {
	font-size: .24rem;
	color: #feb705;
	text-align: center;
	position: relative;
	top: -.2rem;
}

.links {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0 .25rem;
}

.links2 img {
	width: 100%;
	margin-top: -.2rem;
	margin-bottom: .2rem;
}

.links img {
	width: 100%;
	margin-bottom: .2rem;
}



@keyframes rowup {
	from {
		transform: translateY(0);
	}

	to {
		transform: translateY(-100%);
	}
}

@media screen and (min-width: 750px) {
	html {
		zoom: 80%;
	}
}